Home>Support>Remove Overlay from a Hero Image

Remove Overlay from a Hero Image

By Vasudha V, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Vasudha

    Thanks for reaching out :)

    Try editing each frame in the Hero and locate the Background Image Opacity setting. Change it to 100.

  2. 5 years, 8 months ago Vasudha V

    Hi Andrew,

    Already tried doing the above.. It did not work.

  3. 5 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Please, send a link to the page concerned.

  4. 5 years, 8 months ago Vasudha V

    http://travelclub.com.qa/

  5. 5 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    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 :)

  6. 5 years, 8 months ago Vasudha V

    Hey Andrew, Thanks!! Was able to resolve it. :)

  7. 5 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More