Come cambiare sia il testo hover che il colore di sfondo del menu header?

Sviluppatore
,
1

Come posso cambiare sia il testo al passaggio del mouse che il colore di sfondo del menu dell’intestazione?
Non sono esperto di CSS?

Il codice e dove inserirlo sarebbe utile, grazie!

@vinothkannans

2

Ciao @rickwatson, ecco del codice per aiutarti. Dovrai aggiornare i valori di colore/colore di sfondo in modo che siano adatti al tuo aspetto desiderato. Inserirli nella scheda common.css dovrebbe funzionare.

Colore di sfondo del menu di intestazione:

.b-header {
   background-color: var(--tertiary);
}

Collegamenti

.b-header .nav-pills li a {
    color: var(--secondary);
}

Collegamenti (al passaggio del mouse)

.b-header .nav-pills li a:hover {
    color: #001aff;
    background-color: red;
}

Per quanto riguarda i valori che puoi fornire alle proprietà color e background-color, consulta qui per ulteriori informazioni. Puoi inserire codici colore esadecimali, valori rgba, valori hsa, ecc.

Tuttavia, si raccomanda, ove possibile, di utilizzare le variabili CSS esistenti in modo da poter mantenere elementi come il supporto per la modalità scura.

Puoi scoprire quali variabili esistono sul tuo sito e a quali colori corrispondono controllando negli strumenti per sviluppatori del tuo browser (:link: come accedervi).

Una volta aperto, controlla nella scheda <kbd>Styles</kbd> le dichiarazioni in color_definitions.scss sul selettore :root.

example
example814×1394 189 KB

3 Mi Piace
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.