Archived topic
Italicize items in menu when selected
7 replies · Started by CRISTO on December 12, 2019
Currently all the links on may pages turn to italics when I scroll over them....got the css from you and it works great:
.site-content a:hover {
font-style: italic;
}
To be consistent, I would like to do the same thing with the items in my menu. I assume a variation of the above would do it?
Hi there,
Try this CSS:
.main-navigation .main-nav ul li a:hover {
font-style: italic;
}Thanks, Leo..that doesn't seem to work. Perhaps I am over-riding it with some other css? I try not to use any css unless you guys give it to me....don't want to blow everything up!
That CSS should definitely work but I'm not seeing it being added.
Have you tried clearing your caching plugins or any server cache?
Yes, I cleared everything. May not be that important, since when I scroll over one of the current links it changes color and becomes underlined. So that may be enough for now.
The CSS should absolutely work. Maybe you have a syntax error somewhere in the CSS which stops the code below the error from working.
What happens if you put the my CSS at the top of your CSS file?
Hi Lleo, I took your advice and put the css at the top of the file.....works perfectly. I know next to nothing about css, so not sure what my problem was, but it works so that's all I care about.
The reason I explained here is likely the cause:
https://generatepress.com/forums/topic/italicize-items-in-menu-when-selected/#post-1103517
Glad it's working.
