Hello, I’m trying to add a shop now button over an image and keep getting this huge strange white border around it which really makes an eyesore of my website, any help is appreciated thanks.
Topic summary
A user encountered an unwanted white border appearing around a ‘Shop Now’ button placed over an image on their Shopify store.\n\nSolutions provided:\n\n- Add custom CSS to make the banner box background transparent:\ncss\n.banner__box {\n background-color: transparent;\n}\n\n\n- Disable the \
Looks like you’re using Dawn, In case that’s right, on your Theme Editor Panel:
- Click on your Image Banner section.
- At the bottom of the section settings you can see Custom CSS.
- Add this code:
.banner__box {
background-color: transparent;
}
Let me know if it worked.
1 Like
Btw, there is an option on the Section Settings called “Show container on mobile”, you can uncheck it.
This is Noah from PageFly - Shopify Page Builder App
You can hidden it by disable “Show container on desktop” in editor theme. You can see solution in image here:
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
Thank you so much! It worked immediately!
1 Like