Top links menu styling

Question

I'm using a simple top links menu. I'd like the menu to have my branded colour font with no bg (I've achieved this), and when you hover over each item, I'd like the text color to change (I've achieved this). What I can't work out is how to keep the current menu link (ie the menu item you've clicked on and are now on that page) the same colour as the hover colour. I want the user to know which page they are on, and I want this to be denoted by the different colour of the font (matching the hover…

SemiColonWeb · Accepted Answer

Hello,

Consider using the following CSS Code:
[ch_pre type="css"].top-links-item:hover > a,
.top-links-item.current > a {
color: #1ABC9C;
}[/ch_pre]

Then you can simply add the .current Class to the .top-links-item Menu Item which you want to be active according to the Current Page.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

ClareOki · Answer

Thank you. It worked :)