Ethos-1 sections not transparent in Firefox/Chrome

[cabatxtheme]

Sections do not render transparent in Google Chrome and Firefox browsers when a background picture set using page setting in WordPress. The same happens for background color when set in X-Options-Layout and Design and/or background image.

The following is the version of simple test page using Cornerstone in Safari and Firefox:

As you can see the Section is not displayed as transparent nor allowing the dynamic scroll of sections over the picture.

Any suggestions are most welcomed as no settings in WP, WP-X and Cornerstone seems to resolve this issue.

[rad]

Hi Carsten,

Thanks for reaching out.

That background color in Ethos is intentional, and it’s not probably working in your Safari (which render it transparent). To completely remove that background color, then please add this to your Theme Options > CSS

.x-container.main:before {
display: none !important;
}

Hope this helps.

[cabatxtheme]

@Rad

.x-container.main:before {
display: none !important;
}

Thanks, this made it work in all browsers

[jade]

You’re welcome!