Colore passaggio del mouse

[coxa]

Colore passaggio del mouse

Ciao a tutti,

sto utilizzando un tema genesis, al momento ho il menù secondario con lo sfondo bianco e le scritte nere. Vorrei lasciare il menù bianco ma fare in modo che al passaggio del mouse venga fuori un rettangolone blu e la scritta diventi bianca invece che nera.

Sapete aiutarmi?

Grazie

[miwebdesign]

Ciao Coxa,

devi usare la pseudoclasse :hover sull'elemento che vuoi far trasformare ed aggiungere i cambiamenti di color e background.

Ti faccio un esempio:

.miascritta{
transition:all 0.3s;
}
.miascritta:hover{
color:#fff;
background:blue;
}

[coxa]

Quindi per esempio, al posto di miascritta devo inserire genesis-nav-menu?

[miwebdesign]

Non saprei, se le voci hanno quella classe sì. O se ha già uno stile esistente scrivi dentro di quello aggiungendo le regole che ti ho scritto prima.

[sideshow]

Prova a cercare nel css qualcosa come:

.genesis-nav-menu a:hover

oppure

.genesis-nav-menu .menu-item a:hover

genesis-nav-menu è una classe che genesis attribuisce agli ul dei suoi nav. A te interessa il link, cioè l' < a > .
Quando lo hai trovato, ti limiti a aggiungere o sostituire i valori di "background" e "color" con quelli che ti ha dato MiWebDesign.

[glorialchemica]

Ciao,
il selettore che gestisce il background del menu di Genesis è questo:
.genesis-nav-menu .menu-item:hover

come diceva Sideshow

[coxa]

Grazie a tutti!