FROM CACHE - de_header

Dawn 7.0.1 Banner Text background box opacity

Dawn 7.0.1 Banner Text background box opacity

Neues Mitglied
5 0 0



I use Dawn Theme and have a text inside my banner. Unfortunately it is hard to read the text without a box in the background. However, this box is very ugly and covers the image of the banner. Is there a possibility to reduce the transparency of the box.
Thanks for the help.


Screenshot Banner.png



Neues Mitglied
5 0 0

I think I fount an good solution for me. Just edit section-image-banner.css


.banner__box {
padding: 2rem 1.5rem;
position: relative;
height: fit-content;
align-items: center;
text-align: center;
width: 100%;
word-wrap: break-word;
z-index: 1;
opacity: unset;
background: rgba(50, 50, 50, 0.4);


Screenshot Banner transparent.png

Shopify Staff
18474 2894 4261

Hey @ASTools 


Wow, you really solved that nicely - well done! Don't forget that you can now use the new CSS editor with the theme editor that allows you to avoid having to edit the theme code itself!

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog