How to change the textbox width of the Configurable List widget?

  • Profile Image
    rhinestone
    Asked on March 11, 2015 at 12:14 AM
    Is there a way to make the widget narrower?  For example, the Quantity field is twice as wide as it should be.
  • Profile Image
    ashwin_d
    Answered on March 11, 2015 at 12:18 AM

    Hello Jeffrey,

    Yes it is possible to change the width of the fields in Configurable List widget. Please inject the following custom css code in your widget and that should solve your problem:

    input[type="text"] {

    width: 60px;

    }

     

    select {

    width: 290px;

    margin-left: -7px;

    }

    Please check the screenshot below on how to inject custom css code in Configurable List widget:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    rhinestone
    Answered on March 11, 2015 at 05:30 AM

    Great.  Thanks!

  • Profile Image
    ashwin_d
    Answered on March 11, 2015 at 07:49 AM

    Hello Jeffrey,

    You are welcome.

    Do get back to us if you have any questions.

    Thank you!