With the Box Roll Header effect, as seen on the Agency demo (http://themenectar.com/demo/salient-agency/), the background is grey when the header rolls. Is there a way of changing this colour? Overriding the CSS and adding a background colour for the ajax-content-wrap element works great for Chome, but in IE (Edge, specifically). the whole header turns to the new colour on roll. Is there another way? Thanks.
Unfortunately my page doesn\'t have a blurred-wrap element. I\'m not sure if it\'s because I\'m using the image background maybe. I will add a further private reply where you can see my test URL
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
html body.box-rolling, html body[data-footer-reveal=\"1\"].ascend.box-rolling, html body[data-footer-reveal=\"1\"].box-rolling {
background-color: #ff0 !important;
}
With the Box Roll Header effect, as seen on the Agency demo (http://themenectar.com/demo/salient-agency/), the background is grey when the header rolls. Is there a way of changing this colour? Overriding the CSS and adding a background colour for the ajax-content-wrap element works great for Chome, but in IE (Edge, specifically). the whole header turns to the new colour on roll. Is there another way? Thanks.
Hey ,
.blurred-wrap { background-color: #000 !important; }
Thanks
ThemeNectar Support Team
Unfortunately my page doesn\'t have a blurred-wrap element. I\'m not sure if it\'s because I\'m using the image background maybe. I will add a further private reply where you can see my test URL
Hey ,
html body.box-rolling, html body[data-footer-reveal=\"1\"].ascend.box-rolling, html body[data-footer-reveal=\"1\"].box-rolling { background-color: #ff0 !important; }
Best.
ThemeNectar Support Team
That worked perfectly. Thanks! :)