How to increase the width of the counter in front of the add to cart button

Hi,

I want to increase the counter width in front of the Add to Cart button on the single product page. How to do this?

Attachments:

You must be logged in to view attached files.

Hi hey3212,

Thanks for reaching to us and appreciate your patience.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

form.cart div.quantity {
    flex: 1 1 100%;
    display: flex;
}

form.cart div.quantity input[type="number"] {
    width: 90px;
}

form.cart div.quantity input[type="button"] {
    min-width: 95px;
}

Regards,

These codes have worked. Thanks a lot!

Hi hey3212,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

[Author]

Posts