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 [Screenshot 2024-10-01 at 10.56.06.png]

Hello @Sproud You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid #shopify-section-template--16691831898320__e8bad23e-9086-460f-bcba-4d2022a7ddd3 .quick-add__submit { max-width: 77% !…

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; } [Screenshot 2024-10-01 at 16.37.05.png]

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 [9.png] If this was helpful, hit the like button and accept…

I get this error when trying to save? [Screenshot 2024-10-01 at 11.51.47.png]

Hi @Sproud In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .quick-add__submit { min-width: 70% !important; width: auto !important; } [ZestardTech_0-1727777757842.png]

Add To Cart button smaller width

Store Design

Dan-From-Ryviu October 1, 2024, 9:59am 6

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

Topic		Replies	Views
Add to Cart Button - Smaller Width Shopify Discussion troubleshooting	2	25	March 25, 2025
How to adjust width of "Add to Cart" button (I would like it smaller) Store Design product-page	3	27	April 17, 2024
Add to cart button change - Dawn theme Shopify Discussion	13	86	October 15, 2022
How to make add to cart button wider Store Design cart-page , product-page	13	91	July 11, 2024
How to Adjust The Width Of "ADD TO CART" button in Out of the Sandbox Turbo Theme Store Design design , customizations , product-page	4	48	October 5, 2024

Add To Cart button smaller width

Related topics