Logo della categoria centrale

UX
1

Ciao,

Ho cercato ma non ho trovato come centrare il logo della categoria che si trova sopra la navigazione quando si visualizza la pagina della categoria.

Grazie.

2

Intendi una pagina di categoria come questa?

The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)
The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)1220Ă—415 80.7 KB

Sembra che tu abbia una versione di prova del nostro piano Starter, che non consente temi personalizzati. Dovresti passare al nostro piano Standard per fare qualcosa del genere.

Con un tema personalizzato, faresti questo aggiungendo CSS come questo:

.category-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}

per ottenere un risultato come questo:

This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)
This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)954Ă—364 50 KB

4 Mi Piace
3

Perfetto! Grazie! Dove posso trovare la documentazione su proprietĂ  come display, flex-direction, ecc.? Vorrei anche aggiungere un colore di sfondo.

2 Mi Piace
4

Questo link potrebbe aiutarti a iniziare con il CSS

Puoi anche cercare Theme component che fanno quello che stai cercando. Possono anche essere una buona risorsa per esaminare il codice su GitHub per copiare il codice.

2 Mi Piace
5

La Mozilla Developer Network tende ad essere di qualitĂ  migliore rispetto a W3Schools: MDN Web Docs

2 Mi Piace
6

Fantastico, grazie, dovrò esaminare questo.