[Michael]

My website: https://apatriotsvision.us/cms/

On the main navigation menuI want the a:active and a:hover links to be yellow but the a:active link wants to remain blue.

Here is my code:

#main-nav {

background-color: #f00f00;

font-weight:bold;

width:100%;

}

#main-nav a {

color: #ffffff;

}

#main-nav a:link {

color: #ffffff;

font-weight:bold;

font-size:18px;

}

#main-nav a:visited {

color: #ffffff;

}

#main-nav a:hover {

color: #ffff00;

}

#main-nav a:active {

color: #ffff00;

}

Thanks – Michael

[vako]

Hi Michael,

 

To be honest, I can’t understand your request, hovered and active tags have he different colours already,

Can you please describe it more detailed? The CSS you have is not correct.

 

Kind Regards

[Michael]

I kind of figured something was wrong with the code.

When you go to the site, the first thing you see, is that on the home page navigation menu,  the tab “A Patriot’s Pen” is blue – as the active page I want it to be Yellow like the hover links.

Should be only 2 colors on the menu – yellow and white.

Thanks,

Michael

[vako]

Hi Michael,

 

Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

#main-nav a:hover, #main-nav i:hover, #main-nav li.current-menu-item > a, #main-nav li.current-menu-ancestor > a, #main-nav .sub-menu li.current-menu-item > a, #main-nav .sub-menu li.current-menu-ancestor> a {
color: yellow !important;
}

 

Kind Regards

[Michael]

Yes – worked perfectly – I can cross that one off of the list.

Thanks,

Michael

[vako]

You are welcome. Feel free to contact us anytime.

 

 

Kind Regards

[Author]

Posts