Home › Forums › WoodMart support forum › How to increase the width of the counter in front of the add to cart button

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2025 at 10:08 am #655133

    hey3212
    Participant

    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.
    April 20, 2025 at 1:11 pm #655466

    Hung Pham
    Keymaster

    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,

    April 21, 2025 at 9:34 am #655522

    hey3212
    Participant

    These codes have worked. Thanks a lot!

    April 21, 2025 at 11:15 am #655540

    Hung Pham
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to increase the width of the counter in front of the add to cart button’ is closed to new replies.