[Resolved] Transparency of white containers:

Home Forums Support Transparency of white containers:

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #130422

    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?


    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚


    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) }


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


    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) }

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.