Putting quantity selector next to add to cart button in Studio Theme

Solved

Putting quantity selector next to add to cart button in Studio Theme

martijn18
Excursionist
19 1 0

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!

Accepted Solution (1)

round
Shopify Partner
113 18 10

This is an accepted solution.

@martijn18 
Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and add this code end of the file

 

.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%;
}​

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

View solution in original post

Replies 4 (4)

round
Shopify Partner
113 18 10

This is an accepted solution.

@martijn18 
Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and add this code end of the file

 

.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%;
}​

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
martijn18
Excursionist
19 1 0

Perfect, thank you very much!

BSS-TekLabs
Shopify Partner
533 153 177

- Here is the solution for you @martijn18 
- Please follow these steps: 

step.png

- 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:

BSSTekLabs_0-1720533968336.png

 

 

- 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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
martijn18
Excursionist
19 1 0

It doesn't work unfortunately. I've already got a solution by somebody else so its not needed anymore. Thanks for the help!