When using a video AND a background color on the page header, Salient uses the background color as a semi-transparent overlay on the video.
I would like to know if there's some css I can apply to change the opacity of the background color overlay.
Case in point is seen at the url I provided. It's nice to have the darker color overlay, but I'd like it to me a bit more transparent, yet removing it altogether (no background color) makes the text hard to read.
When using a video AND a background color on the page header, Salient uses the background color as a semi-transparent overlay on the video.
I would like to know if there's some css I can apply to change the opacity of the background color overlay.
Case in point is seen at the url I provided. It's nice to have the darker color overlay, but I'd like it to me a bit more transparent, yet removing it altogether (no background color) makes the text hard to read.
Regards, Simeon
Hey Simeon,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
.page-id-2930 #page-header-bg .video-color-overlay { background-color: rgba(0, 0, 102, 0.28) !important; }Thanks
ThemeNectar Support Team
Thanks, works great!