How to customize width of the configurable list widget?

  • Profile Image
    Asked on October 17, 2017 at 07:13 PM


    I am trying to get some CSS code to adjust the format of the list. 

    In the form below I want the first field to take up half the width of the page and the other two fill the rest

  • Profile Image
    Answered on October 18, 2017 at 03:39 AM

    1508311102Screen Shot 2017-10-18 at 10.1

    To get this result please inject the CSS codes that are given below to your form by following these steps:

    1- Edit your form and click on the "Widget Settings" button of the "Configurable List" widget. Then select the "Custom CSS" tab. 


    2- Finally paste these custom CSS codes to the area and then update the widget:


        width: 100% !important;



    textarea {

        width: 350px;