[Resolved] Transparency of white containers:

Home Forums Support Transparency of white containers:

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #130422
    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

    #130443
    Tom
    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 🙂

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

    #130488
    Josef

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

    #130503
    Jean

    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.