How can I change the transparency of my homepage image banner?

Solved

How can I change the transparency of my homepage image banner?

d_reinicke
Excursionist
24 1 7

Hello! I'm editing my shop and I've got a short simple question.

I have an image banner with text and buttons on my home page. Want to make it transparent or just be able to change the transparency settings. How can I do that thing? 

 

Screenshot 2022-09-27 at 15.47.03.png

Thank you very much for your help!

 

The website is: https://project-avignon.myshopify.com/

Password: meolyo

Accepted Solution (1)

gr_trading
Shopify Partner
1978 146 205

This is an accepted solution.

Hi,

please add below CSS in theme.css

.banner__box {background: rgba(22,22,22,0.8);}

 

22,22,22 is color code

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee

View solution in original post

Replies 5 (5)

gr_trading
Shopify Partner
1978 146 205

This is an accepted solution.

Hi,

please add below CSS in theme.css

.banner__box {background: rgba(22,22,22,0.8);}

 

22,22,22 is color code

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee
d_reinicke
Excursionist
24 1 7

Thank you very much, Hari, you really helped me! This solution works perfectly.

Have a wonderful day!

Spare1
Visitor
1 0 0

I have the same issue but I can't find the theme.ccs in my code. 

neverenginelabs
Shopify Partner
1 0 0

could also be

.banner__media {background: rgba( 11,11,11,0.1);}



revrency
Visitor
1 0 0

Goodday that worked but how do I make the container smaller?