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

    Hi there!

    My site is ShopCirca360.com, 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!

    #84148

    UPDATE:

    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!

    #84149

    Hey,

    Maybe this will work.

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

    Regards,

    Ismael

    #84150

    What would I do without you? :) Thanks!

    #84151

    Hey,

    Glad it works. :)

    Cheers,

    Ismael

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

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