Spesso, mentre giro per blog, mi capita di vedere dei Template con il titolo scentrato, il che è un peccato perchè molto spesso si tratta di blog con una grafica molto bella e piacevole.
Ecco come fare:
1 - Andare nella bacheca del proprio blog e cliccare su Modello
2 - Cliccare sul pulsante PERSONALIZZA
3 - Cliccare su AVANZATO
4 - Scorrere in basso e cliccare su AGGIUNGI CSS
5 - Inserire nel riquadro bianco il seguente codice CSS:
Header { text-align: center; }
oppure:
.Header h1 { text-align: center; }
Per centrare l'immagine di Intestazione del Blog invece inserire il seguente codice CSS:
#header-inner { background-position: center; margin-left: auto; margin-right: auto; }
Le due combinazioni si possono usare anche insieme se dobbiamo centrare sia l'immagine che il testo che compongono la nostra intestazione.
Nel momento che centriamo il testo del titolo del nostro blog può essere che la scritta vada a posizionarsi in un punto troppo in alto oppure troppo in basso. Per alzare o abbassare il titolo del blog possiamo usare la stessa procedura spiegata qui sopra e mettere il seguente codice:
#header h1 { padding-top: 50px; }
In questo codice 50px è la distanza in pixel dal bordo superiore (padding-top)
possiamo aumentare o diminuire il valore per aumentare o diminuire la distanza dal bordo.
Se ti è piaciuto l'articolo , iscriviti al feed cliccando sull'immagine sottostante per tenerti sempre aggiornato sui nuovi contenuti del blog:
Commenti
Posta un commento