Menu Color

If you’re trying to change the menu background

.navbar {
   background-color: #0000ff;
}

You’ll then have to adjust the menu text color to white or something else fairly light.

To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

Steve,

I don’t want to chage the background, but the menu text itself.

• This reply was modified 5 years, 7 months ago by james215.

a.nav-link {
    color: #0000ff;
}

will do it

Steve,

Thank you for your help. One other problem, All the links changed to blue except for the home page. Please see the link below. I checked it on different browsers.

https://www.swingloungemusic.com/

.navbar a.active {
    color: #0000ff!important;
}

Steve Correction I noticed what happened, the only time is doesn’t show blue is when you are on a specific page, such as if you are on the Home Page is shows as gray hyperlink, but if you are on the about page then the about page hyperlink shows in gray but the rest of the pages show in blue. Is there a way to change it to where the menu links are blue regardless of what page a person is on. Again please see the link below.

https://www.swingloungemusic.com/

The CSS I just provided.

Steve,

For some reason that code did not Work. It may be hyperlinks gray again

Made sorry not may

That should work.

I recommend asking at https://www.ads-software.com/support/theme/avik#new-post so the your theme’s developers and support community can help you with this.

Steve,

When I was able to get to a different computer and past it into the Additional CSS under Appearances > Customize it worked however I didn’t realize I would need both CSS codes in there.

Thank you for your help.

Its been a while I am closing this topic