Hi I’m just after some help with a code to make the “add to cart” buttons half the current width in the featured collection section on my home page. As you can see in the pic they go right across the product tile. [testing add to cart.jpg] Thanks

Thanks Mohan610 That is working well. What is the code to get the button to be centred on the product tile. In the picture you can see the button is off to the right a bit. Also any ideas on how I can get the “choose options” button to look the same as the add to cart. Thanks [shop2.jpg]

Hi @3D-Cast Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Hi @3D-Cast , Can you give us store url?

Sure, https://3dcaststore.com.au/ Thanks

Sorry, but I can’t see the button on collection page. Can you set one of the products to available? [B2Bridge_0-1738751071115.png]

Hi I’m trying this feature on my testing theme. I don’t want these buttons on my live theme until I can get their size right

So, can you download your theme and share your zip file with us? We will help you check it and suggest you a solution.

Hi @3D-Cast Please add this code at the end of base.css file .quick-add button.quick-add__submit { min-width: max-content; width: max-content; margin: 0 auto; padding: 0 25px; }

Hi Simon159 You can try to follow this step Step 1: Go to Edit code Step 2: Find file base.css and add this code at the end of the file .quick-add button.quick-add__submit { min-width: max-content; width: max-content; margin: auto; padding: 0 20px; } Result (example) [LizHoang…

Hi @3D-Cast Welcome, please make accepted solution to my reply

Code to make the "add to cart" buttons smaller in featured collection.

Store Design

mohan610 February 6, 2025, 8:26am 11

Hi @3D-Cast

Please share the working theme link so that, I can check the solution for button center alignement and choose options issue.

Topic		Replies	Views
Mobile view add to cart button on collections Store Design	15	43	September 3, 2021
Add to cart button change - Dawn theme Shopify Discussion	13	79	October 15, 2022
make button slightly smaller for featured collection Store Design design , customizations , troubleshooting	2	44	February 23, 2025
How to change Add to cart button size on collection page (Horizon Theme) Store Design customizations , collection-page , cart-page	11	328	June 11, 2025
Add to cart button not aligning on featured collection section Store Design	11	193	September 1, 2022

Code to make the "add to cart" buttons smaller in featured collection.

Related topics