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
Benutzer | RANKING |
---|---|
12 | |
11 | |
10 | |
9 | |
8 |
Online-Marketing für einen Shopify-Shop kann manchmal wie ein Minenfeld erscheinen und vie...
By Gabe Dec 1, 2023In diesem Leitartikel werden wir erläutern, warum es wichtig ist, dein Shop als vertrauens...
By Kai Oct 25, 2023Dieser Blog-Beitrag ist eine Zusammenfassung des Webinars Vorbereitung auf BFCM: ein Webi...
By Jacqui Oct 10, 2023