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

[d_reinicke]

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? 

Thank you very much for your help!

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

Password: meolyo

[gr_trading · 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

[d_reinicke]

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

Have a wonderful day!

[Spare1]

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

[gr_trading]

Hi @Spare1 ,

In that case you might have base.css file

[jaelahstanley]

How do i change the color to a creamy white?

[gr_trading]

Hi @jaelahstanley ,

You can paste your Color code at below URL this will provide the HEX code with opacity to include in CSS.

https://imagecolorpicker.com/color-code/190066

[neverenginelabs]

could also be

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

[revrency]

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