Remove Overlay from a Hero Image
Hey! I am having an image which is already with text content and the overlay is making it look dull and dark. Is there a way I can remove the Image overlay.I am using a site origin Hero Image builder.
I have already tried the below commands under the Additional CSS, but both of them it did not work:
#custom-header::after {
background: none;
}
and
#masthead #custom-header::after {
background: none;
}
Can you please assist.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
7Hi Vasudha
Thanks for reaching out :)
Try editing each frame in the Hero and locate the Background Image Opacity setting. Change it to 100.
Hi Andrew,
Already tried doing the above.. It did not work.
Please, send a link to the page concerned.
http://travelclub.com.qa/
Hi, please could you send me an export of the page. Edit the page, click LayoutsImport/ExportDownload Layout, bottom right. Please upload the JSON file to WeTransfer or Dropbox or similar service. I’ll then take a quick look locally. Thanks :)
Hey Andrew, Thanks!! Was able to resolve it. :)
Super :) Glad to hear you’ve made progress.
All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.