Remove background box from behind text on a page Dawn Theme

[TamaraM]

I have built a few landing page templates in my store, via the theme editor, and need to make the solid white background behind the text in this image shown more translucent so part of the image appears but text is still legible.

Have tried multiple options from previous suggestions of reducing transparency percentage but my code doesn't have this option. It's either '1' white is solid white, or off (then the text isn't visible/clear).

I'm on Dawn 12.0. Any suggestions?

[theycallmemakka]

Hi @TamaraM ,

You can hide this by unchecking "Show container on desktop" on the image banner section.

[TamaraM]

Thanks so much for the reply. Will save this for future use, but I'm hoping to make it more translucent (shadow box) rather than disappear completely as the text is hard to read over the image. Realise my original message was mis-written.

[magenest]

Hi @TamaraM, you can edit your color code so it becomes more translucent. Here is how:
Go to Online Store > Theme > Customize > Image Banner > Custom CSS and type in this code

.banner__box {
background: rgba(0, 0, 0, 0.2);
}"

You can customize the RGBA color code to fit your preference. The A is Alpha, which is a number between 0.0 (fully transparent) and 1.0 (fully opaque)
 Hope this helps and have a nice day