How can I adjust the column width in the configurable list so the text isn't cut off?

  • ghgsummit
    Asked on June 9, 2016 at 12:43 PM

    I need "Access/Managed Markets," to fit in a single line, as well as and "Agency of Record (AOR)"

  • Kevin Support Team Lead
    Replied on June 9, 2016 at 2:57 PM

    To achieve what you want this needs to be pasted in the widget: 

    .col6 .checkbox{

        width: 190px !important;

    }

    To add the code click on the widget and then click on the wizard icon: 

    How can I adjust the column width in the configurable list so the text isnt cut off? Image 1 Screenshot 60

    Click on the CSS tab and then paste the code there: 

    How can I adjust the column width in the configurable list so the text isnt cut off? Image 2 Screenshot 71

    This should be the result: 

    How can I adjust the column width in the configurable list so the text isnt cut off? Image 3 Screenshot 82

    In case that the code does not take effect, it could be due to the class where the fields are in, to get the correct class you may also follow these steps. 

    First right click on the column you want to  increase the width and click on inspect element: 

    How can I adjust the column width in the configurable list so the text isnt cut off? Image 4 Screenshot 93

    Then find the class of the <th> element that contains all the fields in the column: 

    How can I adjust the column width in the configurable list so the text isnt cut off? Image 5 Screenshot 104

    Replace that class in the code given above and it should work. 

    Hope this helps.