Font size/weight and alignment adjustment in Configurable List widget

  • intchina
    Asked on April 29, 2015 at 12:34 PM

    Please, help me figure out how to adjust the font size, font type, remove bold formatting and change font alignment for each column title/header, as well as the radio button headers of my Configurable List. I tried the Design option, but I am unable to highlight or change any formatting within the Configurable List.

    Is there a non-CSS option?

    If not, what would be the CSS text for each of those changes?

    Thank you in advance

     

  • raul
    Replied on April 29, 2015 at 2:41 PM

    You would need to use the Custom CSS section of the configurable list widget to be able to customize that.

    Font size/weight and alignment adjustment in Configurable List widget Image 1 Screenshot 30

    Since the widget is rendered using a table, you would need to use the th tag to modify the headers like this:

    th {
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    }

    The code above provides this result:

    Font size/weight and alignment adjustment in Configurable List widget Image 2 Screenshot 41

    If you've further questions, please let us know.

  • intchina
    Replied on April 29, 2015 at 6:14 PM

    Thank you!!!

    JotForm Customer Service is excellent, as always!

  • jonathan
    Replied on April 29, 2015 at 8:07 PM

    I agree!  totally =)

    We are glad to be of assistance. On behalf of our colleague Raul, you are quite welcome.

    Cheers!