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

    Hi there!

    My site is, and you’re all probably tired of seeing me around the forums by now, but I have another question! :)

    I want to adjust the transparency of the content boxes on the website so that the background image shows through slightly.

    I scoured the forums and found various snippets of code that kind of accomplished what I was looking for, but didn’t quite do it. So here’s where my specifics come in to play.

    I want to be able to fade all the content boxes to, say, 75% opacity without affecting the transparency of the text.

    Also, and importantly, I want the product pages (viewing individual products) to remain unaffected.

    Is this possible?

    Thanks in advance! Your support has been great!



    For what it is worth, I placed this code in the custom CSS:

    .portfolio-size-3.content .box, .container.three_columns .content .box {

    width: 660px;

    background: rgba(255, 255, 255, 0.8);


    This successfully changed the transparency of the main shop page without affecting the products/text (Yay!!) and left the individual product pages unchanged (Also yay!!!), however, every other content box (Such as the About page) remains unchanged and fully opaque.

    Not sure if that helps at all, but I figured I’d let you know!



    Maybe this will work.

    .content .box {
    background: rgba(255, 255, 255, .8);




    What would I do without you? :) Thanks!



    Glad it works. :)



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Semi-Transparent Content Boxes (Without affecting text)’ is closed to new replies.