What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Adobe Forms Central Imports - Force changing Fonts and Font Size

    Asked by danparry on June 22, 2015 at 09:21 AM

    I've imported a number of forms from FormsCentral and am in the process of rolling out the jotform imports however, I'm having some difficulty with the formatting (changing font sizes and fonts). 

    I'm trying to avoid going through each individual entry on the questionnaire to change the font and have tried using the CSS injection to force change the font. The CSS codes I've used are:

     

    .form-all {

    font-family: verdana

    }

    .form-all {

    font-size: 12px 

    }

     

    However, the above code doesn't seem to change the font or size. 

    I've also tried to change the default font size and family to see whether this solves the issue but it doesn't seem to work across all fields. 

    Is there a way that I can change the font and size, reliably, without changing the particular settings in each text box/question etc.?

     

    Can anyone help?

     

    Thanks

    Page URL:
    https://www.kbis.co.uk/forms/liveryyard

    size font size font and
  • Profile Image
    JotForm Support

    Answered by Welvin on June 22, 2015 at 10:32 AM

    You've missed adding the semi-color (;) in the rule. It should be and you can do it like this:

    .form-all {

    font-family: verdana;

    font-size: 12px;

    }

    Then, you can also add the !important rule so to override the existing styles. So:

    .form-all {

    font-family: verdana !important;

    font-size: 12px !important;

    }

     

    Please do not hesitate to get back to us if you need further assistance.

    Thanks

  • Profile Image

    Answered by danparry on June 22, 2015 at 11:06 AM

    Hi Welvin,

     

    Thanks for getting back to me.

     

    The CSS you've suggested sorts 99% of my problem out so, thanks. I'll do the rest manually. 

     

     

     

  • Profile Image
    JotForm Support

    Answered by Welvin on June 22, 2015 at 11:31 AM

    That's great to know! Please contact us again if we can help in any way.

    Thanks