Shopify themes, liquid, logos, and UX
How can I make it such that the quantity selector is on the same line as the 'add to cart' button. I am using the studio theme. Store link is marwijn.com password is help123
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
.product-form__input.product-form__quantity {
float: left;
margin-right: 20px;
}
.product-form__input.product-form__quantity+div {
float: left;
}
.product-form__input.product-form__quantity+div+ul.list.list-payment {
width: 100%;
}
This is an accepted solution.
.product-form__input.product-form__quantity {
float: left;
margin-right: 20px;
}
.product-form__input.product-form__quantity+div {
float: left;
}
.product-form__input.product-form__quantity+div+ul.list.list-payment {
width: 100%;
}
Perfect, thank you very much!
- Here is the solution for you @martijn18
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
.product-form__input.product-form__quantity+div {
float: left !important;
}
.list-payment {
width: 100% !important;
}
.product-form__submit.button {
margin-left: 20px;
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
It doesn't work unfortunately. I've already got a solution by somebody else so its not needed anymore. Thanks for the help!
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025