Home>Support>Set Masthead to Not have Any transparency at all

Set Masthead to Not have Any transparency at all

By ptoolemy, 7 years ago. Last reply by Gopu, 7 years ago.

How do I set Masthead to NOT have ANY transparency at all?

#masthead.site-header {
  background-color: rgba(255, 255, 255, 1);
}

#masthead.floating.site-header {
  background: rgba(255, 255, 255, 1);
}

Both of the above css are resulting in about 99% white. There is about 1% of the underlaying elements that shines through the masthead.

This is when using “menu position overlaps content””.

So how come this happens, and how do I get 100% white backgrund?

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, 11 months ago Gopu

    hai.

    could you try this

    #masthead.site-header {
  background-color: #ffffff;
}

#masthead.floating.site-header {
  background: #ffffff;
}

    look if this makes any difference

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