I would like the header on my page to have a semi-transparent background over the slider when it is first loaded, and then remain semi-transparent as the user scrolls. Is there some way to make a semi-transparent background for the header on the initial load?
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (min-width: 1001px) {
html body #header-outer[data-transparent-header="true"].transparent {
background-color: rgba(255, 255, 255, 0.5) !important;
}
}
I would like the header on my page to have a semi-transparent background over the slider when it is first loaded, and then remain semi-transparent as the user scrolls. Is there some way to make a semi-transparent background for the header on the initial load?
Hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (min-width: 1001px) { html body #header-outer[data-transparent-header="true"].transparent { background-color: rgba(255, 255, 255, 0.5) !important; } }Thanks
ThemeNectar Support Team