CSS:llä.
Alavalikon oletustaustaväri:
.main-navigation ul li ul {
background-color: #värikoodi;
}
Linkkien väri ilman hoveria:
.main-navigation ul li ul li a, .main-navigation ul li ul li > a, .main-navigation ul li.current-menu-item ul li a {
color: #värikoodi;
}
Linkkien väri ja taustaväri hoveroidessa:
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
color: #värikoodi;
background-color: #värikoodi;
}
Noihin sopivat värikoodit ja sitten vain koodit paikoilleen teeman style.css-tiedostoon.
Terve,
Kokeilin ensimmäistä ja viimeistä erikseen, mutta mitään ei tapahtunut ?
Laitoin koodit style.css:n ihan loppuun ?
No ei näköjään ota, vaikka äkkiseltään näyttäisi olevan oikein. Noita tyylejä tulee tuosta sivun lähdekoodista, onko teemassa itsessään jotain asetuksia, josta niitä voi muuttaa, tai totteleeko WordPressin Customizeria eli Muokkainta?
Voi myös kokeilla laittaa color: #000000 !important;
, jos se auttaisi.
Style.css:ää muokkasin Ulkoasu -> Muokkain – toiminnolla.
Kokeilin tuota…!important; – mutta ei muutosta. Alla screeenshotti varoiksi:
}
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
color: #000000 !important;
background-color: #2E2EFE !important;
}
Jaa-a, vaikea sanoa, kyllä sen noilla pitäisi mennä.