FROM CACHE - de_header

Dawn 7.0.1 Banner Text background box opacity

ASTools
Neues Mitglied
5 0 0

Hello,

 

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

 

2 ANTWORTEN 2

ASTools
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

Gabe
Shopify Staff
17909 2841 4175

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