I'm trying to change the color of the animated underline in my transparent header menu on the homepage, but i can't seem to find where. Is there some custom CSS needed for this?
Thanks for reaching in, Can you please provide an indicated screenshot so we can be able to understand your issue better? Hoping to hear from you. Regards
Yes, in screenshot 1 you can see the red underline what i ment, and in screenshot 2 you can see the white underline in transparent menu. I want them both red. But i can't find where to edit the transparent menu color.
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"] header#top nav > ul > li.current-menu-item > a{
color :#f4524d !important;
}
Unfortunately this didn't work. Nothing changed in the transparent menu on home page. (see screenshot 1) It did however changed the text color to red in the non transparent menu, but this is not what i wanted. (see screenshot 2) I checked the custom CSS box and there was no red cross. I left the custom CSS code in there, so you can see on the live site what is happening: https://irsa.nl
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: #eb3a36 !important;
}
Hello Support,
I'm trying to change the color of the animated underline in my transparent header menu on the homepage, but i can't seem to find where.
Is there some custom CSS needed for this?
Thanks in Advance,
Yeroen
Hey there,
Thanks for reaching in,
Can you please provide an indicated screenshot so we can be able to understand your issue better?
Hoping to hear from you.
Regards
Hello Andrew,
Yes, in screenshot 1 you can see the red underline what i ment, and in screenshot 2 you can see the white underline in transparent menu. I want them both red. But i can't find where to edit the transparent menu color.
Thanks in Advance,
Yeroen
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"] header#top nav > ul > li.current-menu-item > a{ color :#f4524d !important; }Thanks
ThemeNectar Support Team
Hello Tahir,
Unfortunately this didn't work. Nothing changed in the transparent menu on home page. (see screenshot 1)
It did however changed the text color to red in the non transparent menu, but this is not what i wanted. (see screenshot 2)
I checked the custom CSS box and there was no red cross.
I left the custom CSS code in there, so you can see on the live site what is happening: https://irsa.nl
Thanks in Advance,
Yeroen
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: #eb3a36 !important; }Thanks
ThemeNectar Support Team
Hello Tahir,
This worked perfect! Thanks for your help.
Kind Regards,
Yeroen