Home>Support>Remove Overlay from a Hero Image

Remove Overlay from a Hero Image

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 6 years, 6 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. 6 years, 6 months ago Vasudha V

    Hi Andrew,

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

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

    Please, send a link to the page concerned.

  4. 6 years, 6 months ago Vasudha V

    http://travelclub.com.qa/

  5. 6 years, 6 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. 6 years, 6 months ago Vasudha V

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

  7. 6 years, 6 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