How to Change Font Size and Colour?

  • radiocoders
    Asked on December 25, 2015 at 7:13 AM

    Hello , please help me change font size and colour.

    I noticed that when I changed image size , my fonts got smaller.

    https://form.jotform.com/53486218954971

    https://form.jotform.com/53576267378975

     

    Thanks for help!

  • mert JotForm UI Developer
    Replied on December 25, 2015 at 8:15 AM

    Hi there,

    To change the font size and colour, you need to apply some custom css to your widget's "Custom CSS" tab.

     

    1) Open the "Custom CSS" tab.

    How to Change Font Size and Colour? Image 1 Screenshot 30

     

    2) Enter the following CSS to change font's size and colour. "font-size" is changing font's size by adjusting "px" value (green marked area) and the color switches the color of the font (blue marked area).

     

    span{

    font-size: 25px !important;

    color:red;

    }

     

    Below, you will see the results:

    How to Change Font Size and Colour? Image 2 Screenshot 41

     

    Please, note that you need to apply this actions for all of your "Image Radio Buttons" widgets since you have too many of them. In addition, please save your form twice or more, because sometimes the changes are not applied in the first try. If you need extra help, please let us know.

     

    Thanks.

  • radiocoders
    Replied on December 25, 2015 at 8:22 AM

    You are the best!

    Thank you

  • mert JotForm UI Developer
    Replied on December 25, 2015 at 8:27 AM

    You are most welcome. If you need any extra help about styling your form, please don't hesitate to contact us. We can easily help you with that.

     

    Have a great day.