Renew stack navbar underline color

Support
#1

So I’m having to rebuild my site after a security breach. I have upgraded my X to Pro and have rebuilt most of the site. I’m having difficulty getting the line under the active navbar item (the current page) to change color. I managed to get everything else the right colors, just not the line under the active item. I tried to use the suggestion in this post: I can't change color in navbar .x-active > a but it does not seem to work. Here is my current custom CSS related to the navbar:

.x-navbar .desktop .x-nav>li>a,
.x-navbar .mobile .x-nav>li>a
{color: #673695;}
.x-navbar .desktop .x-nav li.current-menu-item > a,
.x-navbar .desktop .x-nav li > a:hover,
.x-navbar .mobile .x-nav li.current-menu-item > a,
.x-navbar .mobile .x-nav li > a:hover
{color: #BF1E2E;}
.x-btn-navbar.collapsed,
.x-btn-navbar
{ background-color: #673695;
color: #BF1E2E;}
.x-btn-navbar.collapsed:hover,
.x-btn-navbar:hover
{ background-color: #BF1E2E;
color: #673695;}

Here is an image of the navbar with what I’m trying to change color circled in green:
Themeco Navbar Line Pic

Any help is greatly appreciated.

#2

On a secondary note, the current color of that line seems to be set somewhere in the Renew Agency template I used to get started. That color is used elsewhere in the template, but I cannot find anywhere in the theme settings where that color is set. Since that same color is used on the Blog and Portfolio pages, maybe you can tell me the CSS to change that color globally rather than just for the navbar underline.

#3

OK, never mind, I found where to set the proper colors in the theme settings. Apologies for not investigating further before posting. It’s the site links color in the Theme settings.

#4

Hi @GregoryArndt,

Glad that you are able to find it.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.