How to make the label font size smaller on the Configurable List Widget?

  • Profile Image
    iconicperformances
    Asked on October 15, 2017 at 01:07 AM

    I am creating another form with a Configurable List, but the label is to large as it's default.

    I would like to add a CSS code to make the label font size about 10px or similar to what I am using on the actual form itself.

    Also, how do I change the width of the field input in a configurable list with CSS code as well.

  • Profile Image
    Jim_R
    Answered on October 15, 2017 at 04:36 AM

    Use the codes below to adjust the size of the labels:

    #list {

        font-size: 10px;

    }

    If you need to adjust both input fields (I'm referring to the Name of Tax and % of Tax textbox fields) at the same time, use these codes:

    #list input {

        width: 150px;

    }

    Feel free to change the values in px upon your discretion.

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets 

    Result: 

  • Profile Image
    iconicperformances
    Answered on October 16, 2017 at 04:35 PM

    Thank you it worked.  Do you have a list of all the CSS codes we can use to adjust when do a form anywhere?

  • Profile Image
    aubreybourke
    Answered on October 16, 2017 at 05:48 PM

    You can use the form designer to theme your form:

    Form Designer Tutorial: Let's create fantastic forms!  

    Note the lesson about CSS. Using this method you can determine almost all CSS selectors that you can use in JotForm.