Hi everyone,
I’d like to know how can i make Quantity and Add to cart at the same row?
I’m using Debutify theme, and it seems that the option is not “available” as dfefault, so I’d need to code it?
site: fundashogar.com
Topic summary
Goal: place the Quantity selector and Add to cart button on the same row in a Debutify product page, which isn’t available via theme settings.
Proposed solution: edit theme.css to style the elements with CSS.
- .product-single__add-to-cart: set width to 50%, apply position: relative with bottom: 4rem and left: 19rem (all with !important).
- .product-single__quantity: set display to inline-block and width to 50% (with !important).
Outcome: a screenshot shows both controls aligned on a single horizontal row.
Status: no explicit confirmation from the requester that it’s implemented, but a working example was provided via the image.
2 Likes
@orioln00 , go to theme.css and add the following code :
.product-single__add-to-cart {
width: 50% !important;
position: relative !important;
bottom: 4rem !important;
left: 19rem !important;
}
.product-single__quantity {
display: inline-block;
width: 50% !important;
}
Result:
1 Like