Home>Support>Transparent Background

Transparent Background

By Nicholas Brown, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello.

I am unable to turn off the masthead background, so I can’t get the background image to show through my main menu. The menu just turns grey.

I hope there is an option to simply turn off the masthead background soon.

URL: http://www.kompulsa.com

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

  1. 9 years, 5 months ago Nicholas Brown

    I also need the menu text to not be transparent. It is harder to read, now. This is what I used to make the menu transparent:

    .main-navigation {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    }

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

    Hi Nicholas

    Thanks for reaching out.

    Masthead background is at Appearance > Customize > Page > Masthead Background. If you’re unable to change that then let us know and we’ll try help. By default it’s not possible to get the masthead background showing through the menu, we’d need to do some custom development for that to happen.

    Here is how you might set the menu opacity under Appearance > Custom CSS:

    /* Vantage Menu Opacity */

.main-navigation {
background: rgba(255,0,0,0.3) !important;
}

    255,0,0 is the RBG color, 0.3 is the opacity. Adjust as required.

    I spent some time on moving the menu up now, I unfortunately wasn’t able to. We don’t officially cover customisations of this nature. We do our best to help out where possible though.

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