Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
My url is pourdecisionsdistillery.com, I am trying to change the outline of the banner button on the homepage that says Shop Now to a solid white border. I cannot seem to get it to change
Solved! Go to the solution
This is an accepted solution.
Hi @madspeed50
You can do that by adding this CSS code in your Custom CSS of that image banner in your Online store > Themes > Customize
.button--secondary {
border: 1px solid #fff;
}
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
This is an accepted solution.
Hi @madspeed50
You can do that by adding this CSS code in your Custom CSS of that image banner in your Online store > Themes > Customize
.button--secondary {
border: 1px solid #fff;
}
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hello @madspeed50 👋
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
.banner__buttons .button::after {
border: 1px solid white;
}
The result
Hope it helps!
Hi @madspeed50 ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at the bottom of the file -> Save
banner__buttons:after{box-shadow:none !important}
Hope my solution works perfectly for you!
Best regards,
Oliver | 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.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025