Return to previous page

Container transparency - by Purode - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Robert Hall

Purode

Participant

March 7, 2016 at 21:31

Hello!

I’m really a beginner of wordpress web designing. (first of all :))

I’m designing a site now, with the base of some demo themes in royal. More exactly: simple page/ foodshop

I have a lot work to do but I stucked at some point:
The site layout is boxed, and I have a picture for my background…

All in all I want my “Color sheme”/”Transparent container” to be transparent, but not fully transparent. Just xy% transparent.
Can you help me how can I solve this?

Thanks, László

#116467 Copied Theme version: RoyalStore v 2.6 WooCommerce version: 2.5.3

5 Answers

Jack Richardson

Support staff

March 8, 2016 at 11:56

Hello,

Just to clarify: do you want to have this container transparent http://storage2.static.itmages.com/i/16/0308/h_1457434606_3696958_8b275b6bef.png ?

Best regards,
Jack Richardson.

#116500 Copied

Purode

Participant

March 8, 2016 at 23:28

Oh, sorry I left the page at that state. Now I changed it as you can see it yourself.

So I want this (what is at this time on my page) container to be less transparent.

Thanks, László

#116541 Copied
Jack Richardson

Support staff

March 9, 2016 at 08:44
Hello,

Try to use this code in Theme Options > Custom CSS > Global Custom CSS:
```
.container-transparent .st-content {
    background-color: #939393 !important;
    opacity: 0.9;
}
```
Best regards,
Jack Richardson.
#116551 Copied
Purode

Participant

March 9, 2016 at 17:52

Perfect! You save the day, thank you!

(just for future designings => can I do something for only the background of the container to be transparent and not anything what is in the container? [for example the pictures in the slider])

Thanks!

#116677 Copied
Robert Hall

Support staff

March 9, 2016 at 21:10
Hello,

In this case you should remove code above and use the following code in Global Custom CSS.
```
.container-transparent .st-content {
    background-color: rgba(54,45,38, 0.9) !important;
}
```
Regards,
Robert Hall
#116723 Copied
Tagged: best, container, persuasive, selling, themes, transparency, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)