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…

Hi, please add below CSS in theme.css .banner__box {background: rgba(22,22,22,0.8);} 22,22,22 is color code

Thank you very much, Hari, you really helped me! This solution works perfectly. Have a wonderful day!

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

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

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

How do i change the color to a creamy white?

Hi @Spare1 , In that case you might have base.css file

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

gr_trading February 13, 2025, 11:42am 8

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

Topic		Replies	Views
How do I change the transparency for text on an image banner for dawn theme? Store Design css	7	89	May 25, 2023
Dawn Theme (14.0.0) - Image Banner Box (Transparent) and Text (Visible) Store Design design , customizations , css , shopify-themes	5	151	May 23, 2024
Make a text box transparent on image banner - Origin theme Store Design design , landing-page , css , shopify-themes	2	86	January 11, 2025
How to change opacity of Image Banner button and font colour Dawn theme Store Design	3	90	October 1, 2025
Image Banner Transparency Ask & Offer	7	115	August 19, 2025