BODY DEL TEMA & LINGUAGGIO DEL CODICE CSS
Nella vasta gamma di Temi che WoprdPress mette a disposizioni e per i più svariati utilizzi di impostazioni di layout grafico, il Tema Astra in particolare, nella sua versione Free, permette una personalizzazione limita dei colori del Sottomenù.
Il Sottomenù corrisponde alla tendina che si attiva al passaggio del Mouse posizionato sul Nome Principale di Navigazione: solitamente in “Discesa” e composto da più o meno voci a discrezioni di chi ha sviluppato il sito e dalla richiesta del proprietario.
Per farla breve, nel Sottomenù sono poste le pagine delle sotto voci degli Argomenti Principali.
Nel pannello di Personalizzazione del Tema, Astra Free, rimane pressoché limitato e allora, noi di Creative Web Design, abbiamo deciso di svelarti un trucco che ti permetterà di personalizzarne i colori come meglio ti soddisfa senza che tu acquisti forzatamente il Pacchetto completo.
Quello che ti mettiamo a disposizione si traduce in Linguaggio Del Codice CSS composto da questa precisa sequenza:
- CAMBIARE IL COLORE DI SFONDO DEI PULSANTI DEL SOTTOMENU
.sub-menu .menu-link {
background: #EEEEEE;
} - CAMBIARE IL COLORE DI SFONDO DEI PULSANTI E DEL TESTO DEL SOTTOMENU
.sub-menu .menu-link {
background: #EEEEEE;
color:#000000!important;
} - CAMBIARE IL COLORE DI SFONDO DEI PULSANTI E DEL TESTO DEL SOTTOMENU AL PASSAGGIO DEL MOUSE
.sub-menu .menu-link:hover {
background: #ffffff;
color:#cc3300!important;
}
Il codice del colore che è riportato nel linguaggio CSS che ti forniamo può essere personalizzato coi codici colori della paletta presenti nel tema, per cui facendo copia e incolla può personalizzarli come più preferisci.
Prima di passare al procedimento, ricordati di mettere gli spazi prima e dopo l’inserimento di ogni porzione di codice.
1. AREA CSS AGGIUNTIVI
Dalla Dashboard di WordPress:
- ASPETTO;
- PERSONALIZZA;
- CSS AGGIUNTIVI.
2. INSERIMENTO DELLA SEQUENZA DI CODICI CSS
Copia e incolla in sequenza dal prima all’ultimo punti i Codici CSS nell’area CSS Aggiuntivi;
Spostati col Mouse sulla Categoria Principale del Menù di Navigazione e Visualizza l’aspetto del Sottomenù per personalizzarlo;
A lavoro finito, clicca su Pubblica per salvare le modifiche apportate e visualizza il risultato nella pagina web del Sito.