New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to increase the width of the add to cart button?

5 0 1



In the process of trying to change another button, the width of the ' add to cart button" got decreased. What do i need to do to get it back to the correct original size? 



Reply 1 (1)
Shopify Partner
46 10 9

Hi @Pinksox 


Thank you for reaching out to the Shopify community.


To restore the width of the "Add to Cart" button, you can follow these steps:


  • Go to your stores Admin panel->Online Store->Themes->Edit Code.
  • In the code editor, find the CSS file that controls the styling of the "Add to Cart" button. The file is usually named "theme.css.liquid" or "base.css" and is located under the Assets folder.
  • In CSS file search for the class applied to the "Add to Cart" button's width. You can find the class for add to cart button by inspecting the chrome dev tools.Harsita_0-1689579516277.png


  • Adjust the width property value to the desired size. Save the changes to the CSS file.Harsita_1-1689580148067.png


If the width is still not changing, you can send me your store URL, I will be able to provide you more detailed solution.


Do give it a try and let me know if this was helpful.


Harshita || Recurpay Subscriptions

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