Adobe Forms Central Imports - Force changing Fonts and Font Size

  • danparry
    Asked on June 22, 2015 at 9: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

  • Welvin Support Team Lead
    Replied 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

  • danparry
    Replied 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. 

     

     

     

  • Welvin Support Team Lead
    Replied 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