Return to previous page

QTY Field Width on Product Details Page - by andrew.d.harris1

This topic has 4 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Olga Barlow

  • Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant
    October 14, 2016 at 18:22

    How can I change the width of the QTY field on the product details page? Most of my customer will be order with quantities of 3 digits or more so I need it to be wider. http://imgur.com/xu1EYQR

    Thanks

    #142765 Copied
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 17, 2016 at 11:11

    Hello,

    Add the following code in custom CSS

    .quantity.buttons_added input[type="number"] {
    width: 60px;
    max-width: 70px;
}

    You may change the width or max-width according to your needs.
    Regards

    #142888 Copied
    Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant
    October 17, 2016 at 19:10

    Thank you!

    #143000 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 17, 2016 at 20:35

    You are welcome!

    Regards

    #143016 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.