Custom CSS doesn't change menu color

Hello @lifelibertyva

Considering the fact that the colors in the nav bar are not changing as you have said.
To change the background color of navigation bar, the custom CSS for this would be:

#site-navigation {
    background-color: #B57F85;
}

Change HEX color code to you color.
If this was not the solution what you are looking for, then specify which section color do you wish to change in more details.

Best Regards!!!

I’m sorry, I wasn’t clear. I would like to change the navigation text hover and bottom border color from #ff794c to #871C2E. I plugged the new color into the code below, but do not see the change. I even tried using !important.

#site-navigation li a:hover,
#site-navigation li:hover > a,
#site-navigation li.current-menu-item > a,
#site-navigation li.current_page_item > a {
border-bottom: 5px solid #871C2E !important;
opacity: 1;
}

#site-navigation ul li li.current-menu-item a ,
#site-navigation ul li li a:hover,
#site-navigation ul li li:hover > a{
color: #871C2E !important;
}

Hello @lifelibertyva

Try adding below custom CSS.

#site-navigation li a:hover, #site-navigation li:hover  a, #site-navigation li.current-menu-item  a, #site-navigation li.current_page_item  a {
    border-bottom: 5px solid #871C2E;
    color: #871C2E;
}

Hope this will help to resolve your issue.

Regards!!!

That’s it! Thank you Wen Solutions!

Hello @lifelibertyva

Its very happy to head that your issue has been resolved.
Please mark this thread as resolved cause it will be easy for other users with similar issue to find their solution if seen this thread marked as resolved.

CHEERS!!

Done!