Make Section Background Color Transparent - Pro

[khurramaziz]

Hi, I got pro installed and I’m designing a page with a background image. I want all sections, images, text, forms, everything, on that page to have a transparent background so you can see the image coming through.

You can see my problem here:

https://expresslinks.io/enroll/

I’m using the ethos stack. I’ve set the section base color background to transparent, which is default. I also tried adding CSS to make it transparent, which I found on this forum, but I’m either adding it in the wrong place or it’s not working.

Please help,

Thanks

[ruenel]

Hello @khurramaziz,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-template-template-blank-4-php .x-main, .page-template-template-blank-5-php .x-main, 
.page-template-template-blank-6-php .x-main, .page-template-template-blank-8-php .x-main {
    background-color: transparent;
}

And if you need a semi-transparent background to make the elements more visible, please edit the page back in Cornerstone and add some background colors in the section. If you are not seeing the background options in your section settings, you will need to enable Advanced Mode first. You can do that by going to X > Settings > Permissions > User Preferences > Advanced Mode and set it to “Always ON”.

Hope this helps.

[khurramaziz]

@RueNel

.page-template-template-blank-4-php .x-main, .page-template-template-blank-5-php .x-main,
.page-template-template-blank-6-php .x-main, .page-template-template-blank-8-php .x-main {
background-color: transparent;
}

Thank you that has finally worked.

[friech]

We are delighted to assist you with this.

Cheers!