How do I change the transparency of the container?

[Peter_Fae]

I’ve put in a background, yet the container that the text is on is white and can’t be seen through. could someone please let me know the CSS on how to change the opacity of that to rgba(255, 255, 255, 0.8) ?

Is there a way to do that site wide? Or just for a certain category of posts?

here’s the page example - I’d love to see a part of the image underneath with the container transparency different

https://peterfae.intothemythica.com/2019/08/18/test-comic-book-show-of-instagram/

Update - that’s weird. When the post loads, it shows the background completely. Then a layer of white appears in the container. Why the inconsistency?

And when I look at it in the Customizer, it shows transparent, even if it’s white on the front-end.

What is causing this? And, how do I set the container to those RGB so that a bit of the background shows through?

[christopher]

Hi Peter,

The container in question uses a specific implementation that we used the ::before psudoclass to add that white color. You can use the Google Chrome Developer Toolbar to find the correct selector for your CSS which will be sitewide. Here is the CSS code that I come up with;

body .x-container.main:before {
    background-color: rgba(255, 255, 255, 0.8);
}

Please add the code above to Pro > Theme Options > CSS.

Thank you