Solved

How to add a 'Shop Now' button over an image without a white border?

TeaydenL
Tourist
13 0 3

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.Screenshot 2024-03-31 12.21.15 PM.png

Accepted Solution (1)

Columbus_Themes
Shopify Partner
116 8 15

This is an accepted solution.

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.

If you find my reply helpful, please hit Like and Mark as Solution.

Happy coding!

View solution in original post

Replies 4 (4)

Columbus_Themes
Shopify Partner
116 8 15

This is an accepted solution.

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.

If you find my reply helpful, please hit Like and Mark as Solution.

Happy coding!
Columbus_Themes
Shopify Partner
116 8 15

Btw, there is an option on the Section Settings called "Show container on mobile", you can uncheck it.

If you find my reply helpful, please hit Like and Mark as Solution.

Happy coding!
TeaydenL
Tourist
13 0 3

Thank you so much! It worked immediately!

PageFly-Noah
Astronaut
1119 201 220

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:

PageFlyNoah_0-1711940371029.png

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.