A space to discuss online store customization, theme development, and Liquid templating.
Hey Guys!
can anyone tell me how to make the background (at the image-banner) of the text and button transparent?
I mean the white box around the text and SHOP ALL... in mobile version it is transparent but not desktop
PICTURE BELOW
Thank you for any help!
Greetings from Vienna! 🙂
Solved! Go to the solution
This is an accepted solution.
Try adding this code to the bottom of base.css
.banner__box.color-background-1 {
background: transparent;
}
In case you want to change the color of text and button to a white color. Then also add this code
.banner__heading.h1 {
color:#fff
}
.banner__buttons .button.button--primary {
background:#fff;
color:#000;
box-shadow: none;
}
Result on the desktop if you add both codes
This is an accepted solution.
Try adding this code to the bottom of base.css
.banner__box.color-background-1 {
background: transparent;
}
In case you want to change the color of text and button to a white color. Then also add this code
.banner__heading.h1 {
color:#fff
}
.banner__buttons .button.button--primary {
background:#fff;
color:#000;
box-shadow: none;
}
Result on the desktop if you add both codes
MANY THANKS TO YOU!
I appreciate it. Thank you!