I cant make my second colum wider on configurable list widget

  • Profile Image
    tracyalexander
    Asked on April 19, 2017 at 01:48 PM

    I want the heading of the second colum to be on one line.  I have changed the width but cant get it to work so obviously doing something wrong.  I have alot of these fields to change the size so would appreciate an understanding of how to change the size of the title and the size of the actual input field

     

    Appreciate your help, thank you

     

    .col1 {

     

    width: 400px;

     

    }

     

    .col2 {

     width:700px;

    }

    .col2 input[type=text] {

    width: 450px;

     

    }

  • Profile Image
    Kiran
    Answered on April 19, 2017 at 03:05 PM

    Please try injecting the following CSS code to the Custom CSS section of the Configurable list widget to increase the width of the dropdown field.

    .col2 select {

    width: 100px;

    }

    Hope this information helps! 

  • Profile Image
    tracyalexander
    Answered on April 22, 2017 at 03:21 PM

    I dont want the drop down field wider, just the label for it

  • Profile Image
    jonathan
    Answered on April 22, 2017 at 05:34 PM

    I checked your form but it seems you have fixed it already. I see the configurable list dropdown field like this

    Let us know if you still need assistance on this.

     

     

  • Profile Image
    tracyalexander
    Answered on April 30, 2017 at 08:53 AM

    I am not sure how I have fixed it - can you give me the css code I should use when I just want to make the label longer not the drop down field. 

    Thank you

  • Profile Image
    jonathan
    Answered on April 30, 2017 at 10:09 AM

    It was this CSS code 

    .col2 {

        width: 200px;

    }

     

    You need to apply it in the custom CSS code of the Configurable List widget.

    Let us know if you need further assistance.