Adobe Forms Central Imports - Force changing Fonts and Font Size

  • Profile Image
    danparry
    Asked 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

  • Profile Image
    Welvin
    Answered 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
    danparry
    Answered 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
    Welvin
    Answered 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