How to add CSS to the inventory widget to change the size of the selection drop down

  • Profile Image
    Asked on December 31, 2017 at 08:26 PM

    Is it possible with CSS injection to change the size characteristic of the inventory widget bulk quantity selector?  Currently it is pretty small and I wanted to make it a little more visible for ease of use. Please inform me on how to proceed with that. 

    Kind Regards,


  • Profile Image
    Answered on January 01, 2018 at 05:43 AM

    Yes it is possible to customize the quantity dropdown by injecting custom css code. Please inject the following custom css code in your inventory widget and that should solve your problem:

    .checklist input[type=number], .checklist select.item {

        height: 30px;

        width: 50px;


    The following guide should help you how to inject custom css code in widget: 

    Hope this helps.

    Do get back to us if you have any questions.