Before a vertical scroll on my site there is a solid Black underline under my Home menu item. When I scroll down with parallax header, the underline on Home and the animated underlines on the other menu items take on the Accent Color i have set (Salient>>Accent Color). For example, my accent color is set to green and when I scroll down all underlines will change to this green. BUT, prior to scrolling (when at initial load of page or scrolled all the way to the top), all of these underlines are black.
This is all well and fine except I would like to make the original solid black underline to match originally the Accent Color prior to a parallax scroll. I don't want to make my Accent Color black although that does some the issue of making them the same.
How can I target this original solid black underline on my Home menu header?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#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: #81d742 !important;
}
Before a vertical scroll on my site there is a solid Black underline under my Home menu item. When I scroll down with parallax header, the underline on Home and the animated underlines on the other menu items take on the Accent Color i have set (Salient>>Accent Color). For example, my accent color is set to green and when I scroll down all underlines will change to this green. BUT, prior to scrolling (when at initial load of page or scrolled all the way to the top), all of these underlines are black.
This is all well and fine except I would like to make the original solid black underline to match originally the Accent Color prior to a parallax scroll. I don't want to make my Accent Color black although that does some the issue of making them the same.
How can I target this original solid black underline on my Home menu header?
Hi Andrew,
Thank you for contacting us.
Please also send us a link to your page so we can check.
Kind Regards
http://cannabisflagship.com/
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#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: #81d742 !important; }Thanks
ThemeNectar Support Team
Thank you! Works like a charm.