How do I change the width of the fields in the Configurable list widget?

  • Profile Image
    Asked on January 16, 2020 at 03:37 AM

    I'm trying to minimize the width of each column since it's going over the form size, I already tried:

    input[type="text"] {

    width: 150px !important;



    td.col2 > input {

    width: 200px;


    (this one I tried for every column as well (ex, td.com1, td.co2, etc))

    I pulled both of these from other answers here but they're not working for me, can you please give me some guidance?

    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image
    Answered on January 16, 2020 at 07:21 AM

    Please try adding the following CSS code to the Custom CSS section of the Configurable list widget.

    th, textarea {

        width: 110px !important;


    Also, please go through the guide below that can help you with making the configurable list widget responsive.