Configurable List: How can I handle the text and text area fields with CSS code?

  • Profile Image
    Asked on November 20, 2017 at 01:19 PM

    I would like to customize the width of the field types in the Configurable List.

    I would like to use only 2 types of fields: "text" and "textarea". 

    Name : text
    Description : textarea

    Using the Set Up Guide, this is what I have for Custom CSS

    .text, .textarea {
    min-width: 150px;

    The total width of my form is 650px.

    See screen shot for reference.

    Currently, the 2 fields are too small and I would like to spread them out within the form. 

    Additionally, how many words will fill the "textarea" field? Is this customizable as well? 

    THANKS! Patty

  • Profile Image
    Answered on November 20, 2017 at 02:46 PM

    Please note that the selectors for the fields are these: 

    input[type=text], textarea{

      /* code goes here */


    Also, the min-width property will only be reflected when the fields width is less than that so basically that's the lowest width value that the fields can have. 

    Regarding to you other question, I'm not sure if there is a limit for the text area field on the widget, but it's limit cannot be changed on the field settings. I think the field will accept a long string of text such as the basic text area field. 

    I hope this helps.