Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
#header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search, #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart {
color: #960000!important;
}
That almost did what I wanted; however, that changed the font color itself, and not the color of the underline mark that is generated when you hover over an item. I just want the underline to change, not the entire font. Actually, using the provided code only changed the font color, and had no effect on the hover underline at all.
I am wondering if there is a way to change the Header Font Hover color for the transparent navigation menus.
The color that I want to use (#960000) would work for both my light and dark transparent themes, but I am unsure as to how or if this can be modified.
Any direction on this would be appreciated.
Hey Again, Hope you had a Great Weekend,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
#header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search, #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart { color: #960000!important; }Thanks
ThemeNectar Support Team
That almost did what I wanted; however, that changed the font color itself, and not the color of the underline mark that is generated when you hover over an item. I just want the underline to change, not the entire font. Actually, using the provided code only changed the font color, and had no effect on the hover underline at all.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
#header-outer[data-lhe="animated_underline"].transparent header#top nav > ul > li > a:after, #header-outer.transparent header#top nav>ul>li[class*="button_bordered"]>a:before { border-color: #960000!important; }Thanks
ThemeNectar Support Team
That worked perfectly! Thank you very much for the amazing support.