Liquid, JavaScript, Themes
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.
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);
}
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
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024