Ok. This code works, but it only changes from the original opacity set in the system. It's doesn't give a true 0.9 which is what I'm after. It is 0.9 of the system opacity setting...
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):
Hi. Am I able to change the opacity of a page header overlay? I can see in the theme options you can for the blog (posts), but not for pages.
Any ideas? Thanks
Hi Sanjay,
Edit the page and check on page header settings
Thanks.
That only gives me the option to add the overlay, but doesn't give me any option on the opacity of the overlay...
Hi Sanjay,
Use the following custom css:
.page-header-bg-image { opacity: 0.6; }Hope this helps.
Ok. This code works, but it only changes from the original opacity set in the system. It's doesn't give a true 0.9 which is what I'm after. It is 0.9 of the system opacity setting...
https://vidyamethod.com/meditation-training-program/
This is a 0.9 which is still very dark...
See below
Hey Again,
Change the value as per your liking.
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-header-overlay-color:after { opacity: 0.9 !important; }Thanks
ThemeNectar Support Team
Perfect thanks!