How can I make it such that the quantity selector is on the same line as the ‘add to cart’ button? Store link is https://illumix.uk/

Please update the code if you added it to the base.css file .main-product__info-container .product-form__quantity {float: left; !important} .main-product__info-container div:has(.main-product-form) { margin-top: 3.4rem !important; width: calc(100% - 152px) !important; float: right; } .m…

Hi @BYS2 Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings .product-form__quantity {float: left;} .main-product__info-container div:has(.main-product-form) { margin-top: 3.4rem; width: calc(100% - 152px); float: right; } .payment-badges-block { cl…

Hi BYS2, In order to make the quantity selector appear on the same line as the add-to-cart button, your theme’s code needs to be changed. You’ll need to look for the file that controls the quantity selector and the add to cart, then once you’ve done that, copy the code for the add to cart and add i…

Hi Dan, I added the code to the base.css file but the add to cart button and quantity selector are still not on the same height.

Quantity selector next to add to cart button

Shopify Discussion

BYS2 September 16, 2024, 9:17am 6

It worked, thanks!

Topic		Replies	Views
Putting quantity selector next to add to cart button in Studio Theme Store Design design , product-page	3	41	July 10, 2024
Place Quantity Selector next to add to cart button Store Design product-page	7	145	May 14, 2024
Move Quantity selector and Add to cart to the same line Technical Q&A css	4	76	April 22, 2024
How do I align CSS buttons and quantity selector on the same line? Store Design	3	57	December 17, 2021
How do i align the quantity selector with "ADD TO CART" button Store Design liquid , design , customizations , css , product-page	9	256	February 12, 2026

Quantity selector next to add to cart button

Related topics