Come modificare Headliner Colori

May 8

Headliner è una larghezza fissa, tema a tre colonne sviluppato da MagPress per la piattaforma blogging WordPress. Viene fornito con molte caratteristiche che possono rendere il vostro blog WordPress apparire come una rivista on-line professionale, come ad esempio le miniature post-automatiche, built-in aree pubblicitarie e una cornice storia evidenza in prima pagina. È anche possibile incorporare i video di YouTube e visualizzare il tuo feed Twitter destra nella barra laterale. Se si desidera personalizzare i tuoi Headliner colori del tema, è possibile farlo modificando il file "style.css" del tema.

istruzione

1 Accedi al tuo cruscotto WordPress digitando il nome di dominio, seguito da "/ wp-admin /" nella barra degli indirizzi del browser Web. Premere Invio."

2 Digitare il nome utente e la password nei campi di testo visualizzati, quindi fare clic su "Login".

3 Fare clic sul collegamento "Editor" nel menu "Aspetto" sul lato sinistro della pagina dashboard di WordPress.

4 Fare clic per selezionare "foglio di stile (style.css)" dalla lista di pagine a tema sul lato destro della pagina.

5 Individuare l'elemento tema per il quale si desidera cambiare il colore. Ogni elemento tema, come la barra di navigazione e titoli dei post, ha una dichiarazione di stile CSS che tipicamente inizia con il nome dell'elemento tema, come "#navigation {" o "#midcontent .headline {." All'interno delle righe di codice che creano la dichiarazione di stile CSS, si trova il "colore" o proprietà CSS "background-color", seguita da due punti, quindi un valore di colore esadecimale e un punto e virgola. Questo valore esadecimale controlla il colore dell'elemento tema. Ad esempio, l'elemento "#navigation" ha una proprietà "background-color" impostato su "# 000000", che è il valore esadecimale del colore per il nero. L'intera riga di codice CSS che controlla il colore di sfondo per l'elemento "#navigation" viene visualizzato come "background-color: # 000000 ;."

6 Evidenziare il valore esadecimale del colore dell'elemento tema che si desidera modificare, quindi eliminarlo. Ad esempio, evidenziare il "# 000000" testo nel "background-color: # 000000;" riga di testo nella dichiarazione CSS "#navigation".

7 Premere il tasto "Elimina" o "Backspace" per eliminare il valore esadecimale del colore.

8 Digitare un nuovo valore esadecimale del colore. Ad esempio, per cambiare il colore dell'elemento "#navigation" al rosso, tipo di sfondo "# FF0000". La riga di codice nel nostro esempio dovrebbe ora essere visualizzato come "background-color: # FF0000 ;."

9 Ripetere i punti 5, 6, 7 e 8 per modificare i valori dei colori esadecimali per ulteriori elementi Headliner tema in tutto il documento "style.css". La proprietà "background-color" controlla in genere i colori degli elementi di layout, come contenitori DIV, mentre la proprietà "colore" controlla il colore del testo.

10 Fare clic sul pulsante "Update file" nella parte inferiore della pagina per salvare le modifiche.