Solved Templates

How to make the background-color of the Main Body transparent

Asked by Petra 3 years ago Last activity 3 years ago

It is possible to make the background color of the main body transparent? Currently it is white and I would like to make the color transparent, or remove it completely.

I'm using the wayne template with the boxed layout.

Thanks!

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago · edited

Hi,

yes, this time you have to use Custom CSS to modify background color.

Here is example CSS code:

.layout-boxed .body-innerwrapper {
  background: rgba(255,255,255,0.5);
}

RGBA - contain color value (RGB) and transparency value.

An RGBA color value is specified with: rgba(red, green, blue, alpha)

whole rest is on your hands (and keyboard).

2 more replies

Oldest first Newest first Most helpful
Petra Asked this
3 years ago

Thanks!

Paul Frankowski Senior Staff
3 years ago · edited 
.layout-boxed .body-innerwrapper {
background: transparent; }

100% transparent. Tips taken from our Helix documenation :)

Log in to reply.