Semi-Transparent Content Boxes (Without affecting text) « Support Forum | Kriesi.at

Support Forum » Flashlight

Semi-Transparent Content Boxes (Without affecting text)

5 posts from 2 voices

Started 11 months ago by Aspireworks227
Latest reply from Ismael
This topic is not a support question

Tags:

Aspireworks227
Member

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!

Posted 11 months ago #
Aspireworks227
Member

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!

Posted 11 months ago #
Ismael
Moderator
Hey,

Maybe this will work.
```
.content .box {
background: rgba(255, 255, 255, .8);
}
```
Regards,
Ismael
Posted 11 months ago #
Aspireworks227
Member

What would I do without you? :) Thanks!

Posted 10 months ago #
Ismael
Moderator

Hey,

Glad it works. :)

Cheers,
Ismael

Posted 10 months ago #