padding / resize "add to cart" botton on product pages.

Store Design
, , ,
1

Hi!

I would like to ask anyone here how to adjust the “add to cart” botton so it is same padding as the text below it, because now it is very wide.

Photo attached.

1l1.png
1l1.png973×1027 13.6 KB

Thank you!

2

Hi @Geltier Can you kindly share your store URL with us? We will check it and suggest you a solution if possible.

3

@Geltier - can you please share this page link?

4

https://geltier.com/products/strider-forest-silver

5

ok, https://geltier.com/products/strider-forest-silver

6

Hi @Geltier ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1727489669321.png
BSSCommerceHDL_0-1727489669321.png464×535 33.5 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

7

@Geltier - please add this css to the very end of your theme.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme.css

.buy-buttons {
    margin-left: 14px;
    margin-right: 14px;
}