Change all form font using CSS

  • Profile Image
    Asked on May 02, 2016 at 01:54 AM

    all form font should be OPEN SANS - can u help with quick css???

    I cant get the .form all open sans css to work!???!?!?


    its supposed to look like the font on THIS form here:

  • Profile Image
    Answered on May 02, 2016 at 02:36 AM

    To fix that issue, can you add the CSS code below?

    .form-all {font-family : 'Open Sans' !important;}

    .form-label { font-family: 'Open Sans' !important;}

    I hope this helps. Please let us know if you need further assistance on this, we would be happy to assist you further.

  • Profile Image
    Answered on May 02, 2016 at 10:46 PM

    didnt work//pls help!!

  • Profile Image
    Answered on May 02, 2016 at 11:56 PM

    Please check my cloned form

    Does  it have the correct font-family you were looking for?

    I checked your form CSS codes and I found multiple error on them.

    I corrected the mistakes on my cloned form and it has this CSS code now

    If my test form have the correct font-family you need, you can overwrite your form current CSS codes with the one I provided. Check if it fixes the issue on your form.

    Let us know if still not resolve.

  • Profile Image
    Answered on May 03, 2016 at 01:20 AM

    oh wow - one last thing though - how can i make my form ( ) look like the font and sizing on this form i made??

  • Profile Image
    Answered on May 03, 2016 at 01:43 AM

    I believe my colleague, Jonathan, have already provided a working CSS code in the link here: You just need to copy the whole CSS code there and replace it with the current one you have.

    Now in your CSS code, there are multiple styles that changes the font-size of your fields and labels, the sizing differs.

    In your form, I see that it is already in "Open Sans". Below is a screenshot showing the font-family used by your form.


    Now the form you mentioned here: has the same font family in your current form, however, they differ on font-weight, some are also sub labels so they are smaller than the main labels. 

    You can search your current CSS code to find what elements have specific font-family and font-size. Here's a specific search in your CSS code, you'll see that you have a lot of CSS selectors where the style attribute font-family and font-size is used:


    You can find those CSS styles and update them.