[Resolved] Transparency of white containers:

[Josef]

Hi guys.

I am running the GP pro theme and so far I am highly satisfied with it. However, I can’t figure out one tiny “problem”.

1) I am using a background image but I want the containers which hold the content to be transparent to a certain degree. I thought I could use

.container{ background-color: rgba(255,255,255,0.75) }

but that doesn’t work.

How do I proceed?

Thanks,
Josef

[Tom]

You can use the above CSS, but first you’ll need to remove the colors from the content.

Go to “Appearance > Customize > Colors > Content Colors” and delete the value from the Background field (just highlight and delete).

You can do the same to the sidebar widgets and any other value in there.

Let me know if you need more info 🙂

[Josef]

Ok, it worked fine for the content container. But how do I do this for the side-widget. What is the code for that?

.widget{ background-color: rgba(255,255,255,0.75) }

[Josef]

Or can I even separate the content box from the widget box?

[Jean Paiva]

Hey Josef,

You can split the content box from the widget box by just going to Customizer > Layout > Content Layout > Separate Containers.

I belive this should work:
.sidebar .widget{ background-color: rgba(255,255,255,0.75) }

[Author]

Posts