Add To Cart button smaller width

[Sproud]

Hello! We would like to make the width of our add to cart buttons smaller, there is currently too much white space between the text and the boarder.

How do I do this?

Theme: Origin

Preview: https://pg7vhe5h6xc4t4nz-58489143504.shopifypreview.com

[Tech_Coding]

Hello @Sproud

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

#shopify-section-template--16691831898320__e8bad23e-9086-460f-bcba-4d2022a7ddd3 .quick-add__submit { max-width: 77% !important; margin: 0 auto; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Dan-From-Ryviu]

Hi @Sproud

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.quick-add__submit {
min-width: 60% !important;
with: auto !important;
}

[GTLOfficial]

Hello @Sproud
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.quick-add__submit {
min-width: 0;
}
.button--full-width {
width: 80%;
left: 30px;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sproud]

I get this error when trying to save?

[Dan-From-Ryviu]

So please add this code to theme.liquid file after in Online store > Themes > Edit code

[ZestardTech]

Hi @Sproud

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.quick-add__submit {
min-width: 70% !important;
width: auto !important;
}