Home>Support>Opacity not working for pages and footer in Vantage

Opacity not working for pages and footer in Vantage

Hi,

I am trying to set the opacity on the masthead, page and footer, to make them more transparent and show the background picture through. I have added the custom css code I found here, but it only worked for the header, and not for the page or the footer. I have Vantage Premium, and I am using the code below. What could I be missing?

/* Vantage Set Page Opacity */

header#masthead {
background: rgba(255, 255, 255, 0.0) !important;

#main {
background: rgba(138, 208, 216, 0.5) !important;
}

#colophon {
background: rgba(255, 255, 255, 0.1) !important;
}

URL: http://www.chelseahostel.us

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 3 months ago skywalker

    Let me add that I am using boxed width. Also trying to make the Menu more transparent, but it won’t work either with the custom codes I found here.

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

    Hey skywalker

    It looks good on my side, everything except the menu. Try adding the following and adjust as required:

    .main-navigation {
    background-color: rgba(36, 140, 200, 0.5);
    }
    

    Hope that helps.

  3. 6 years, 3 months ago Craig Frazier

    I have the same issue. I used the code above and still have 100% on the boxed page?

    Here is what my code looks like:

    /* Vantage Set Page Opacity */

    header#masthead {
    background: rgba(255, 255, 255, 0.0) !important;

    #main {
    background: rgba(138, 208, 216, 0.5) !important;
    }

    #colophon {
    background: rgba(255, 255, 255, 0.1) !important;
    }
    .main-navigation {
    background-color: rgba(36, 140, 200, 0.5);
    }

    Can you help with the boxed content?

    • 6 years, 2 months ago Andrew Misplon Hi, I Work Here

      Hi Craig

      Apologies for not replying sooner. If you still need help, please, can you open a new support thread. We’ll assist as soon as possible.

      Thanks

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