[Resolved] Italicize items in menu when selected

[CRISTO]

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?

[Leo]

Hi there,

Try this CSS:

.main-navigation .main-nav ul li a:hover {
    font-style: italic;
}

[CRISTO]

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!

[Leo]

That CSS should definitely work but I’m not seeing it being added.

Have you tried clearing your caching plugins or any server cache?

[CRISTO]

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.

[Leo]

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?

[CRISTO]

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.

[Leo]

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.

[Author]

Posts