Configurable List: How to change column width?

  • larnemusicfestival
    Asked on December 15, 2016 at 10:02 AM

    Thanks for your help. I have tried using this widget and it seems much better for what i need. However can you help me set custom widths for each column. I know to add Custom CSS, something like this:

    textarea {
    width: 35px;
    }

    But I'm not sure how to assign a different width to each column. (plus the above CSS didn't do anything so i'm assuming i need more)

  • Mike
    Replied on December 15, 2016 at 10:13 AM

    Since you use Text Box field types within Configurable List widget, you can add the next CSS in order to set a specific width for each column referring to its number.

    .col1 input[type=text] {
    width: 100px !important;
    }
    .col2 input[type=text] {
    width: 150px !important;
    }
    .col3 input[type=text] {
    width: 200px !important;
    }
    .col4 input[type=text] {
    width: 200px !important;
    }

    If you need any further assistance, please let us know.

  • larnemusicfestival
    Replied on December 15, 2016 at 10:19 AM

    Perfect, thanks. That seems to have worked