Supply Theme | Center quantity selector on product page

Store Design
1

Hello Guys,

I was wondering If anyone can give me a hand over here.

I want to center all the details on my product page. I figure out almost how to do it but I have failed with the quantity selector. See the img below.

MysticalQuartz_0-1627030326346.png
MysticalQuartz_0-1627030326346.png745×692 30.7 KB

This is the code I have in theme.scss file

form#addToCartForm-product-template {
    margin: 0 auto;
    text-align: center;
}
ul.inline-list.product-meta {
    margin: auto;
}
.template-product .grid-item {
    text-align: center;
}
select#productSelect-product-template-option-0 {
    margin: auto;
}

div#variantQuantity-product-template {
 display: flex;
  justify-content: center;
}

input#quantity.js--num {
 display: flex;
  justify-content: center;
}

My url is www.mysticaltienda.com

Can anyone give me a hand with this?

2

Hello @MysticalQuartz ,

Use this css

.js-qty {
    margin: 10px auto;
}

Thanks

3

hello @MysticalQuartz

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.js-qty{
    width: 100%;
    margin: 10px auto;
}
4

Thanks you both guys. It’s Works!