Each page on our website has its own specific color (blue, orange, etc.). I was wondering if there's a way to have our "Header Font Hover" be specific to each page? I have selected the Custom Header Color Scheme and have our main color in the "Header Font Hover" section, but I'd like to change that for each of our pages.
You can adjust the page id and set the color for each page accordingly .
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):
.page-id-31 #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:after, .page-id-31 #header-outer #search-outer #search input[type="text"]{
border-color:#81c461 !important;
}
Hi,
Each page on our website has its own specific color (blue, orange, etc.). I was wondering if there's a way to have our "Header Font Hover" be specific to each page? I have selected the Custom Header Color Scheme and have our main color in the "Header Font Hover" section, but I'd like to change that for each of our pages.
Is there a way to do that? Custom CSS?
Hey Again,
You can adjust the page id and set the color for each page accordingly .
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):
.page-id-31 #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:after, .page-id-31 #header-outer #search-outer #search input[type="text"]{ border-color:#81c461 !important; }Thanks
ThemeNectar Support Team
Great, thanks Tahir - this works!