A user is experiencing an issue with button styling on their Shopify store’s homepage. While they successfully rounded the “Add to Cart” button for a featured product, the “Buy Now with Shop” button remains unrounded.
Solution Provided:
border-radius propertyborder-radius: 20px; to achieve rounded cornersVisual Reference:
Both the original issue and the corrected version are shown in attached screenshots demonstrating the before/after effect of the CSS modification.
The issue appears resolved with this straightforward CSS customization targeting the button’s border styling.
Hello Everyone, I have an online store websit in which on my home page I have featured a product and have rounded the add to card button but the “Buy Now Wih Shop” button/ is not rounded can anyone help me (please see atatched photo for reference) Any help is appreciated thanks!
MY STORE WEBSITE: www.gadget-pods.store
Hi @Pods10101
This is the modified effect. You need to modify the style of the Buy button, adjust the ‘border radius’ attribute,
border-radius: 20px;
You need to find these codes on the page again and change the border-radius to border-radius: 20px;
