Active Page Highlight Color in Header

[mdmason23]

Hello,

I have searched the forum here and have found no solution to my problem…I am using the Integrity Stack, and have customized the highlight color of the links in the header, but notice that the little colored bar above the active page still remains a different color. It appears to be the link highlight color for the rest of my website, and it is almost impossible to see against the image I have added as a background to my header. I have attached a screenshot for your reference.

Thanks a bunch!

Monique

[friech]

Hi Monique,

Thank you for writing in, yes that color is taken from your link color. To change that individually you can add this to Theme Options > CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: inset 0 4px 0 0 red;
}

Feel free to change the red to your desired color, or set the value to none if you don’t want the highlight color.

Hope it helps,
Cheers!