Quantity Button Dawn Theme

Shopify Discussion
1

Hi,

I’ve got some issues, I’d like to manage the size of my quantity button on my product page but everytime I try to add some code to change it, nothing is changing.

Does anyone know how to do this, please?

Website: https://pqd9ge-cs.myshopify.com/products/purifying-toner

2

In your Custom CSS section on the product page you should be able to update these. Otherwise these classes can be found in the base.css.

@media screen and (min-width: 768px) {
    .product-form:not(#md-sticky-atc .product-form) .product-form__submit {
        width: 59% !important; /* change this percentage to change the width of the add to cart button */
    }
}

.quantity {
    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width)* 2) !important; /* change the 17rem to change the width of the quantity field */
}
3

Thanks it’s perfect