How to update the Font style and size for the whole form via Custom CSS

How can I make the entire form the same font? I have gone to advanced settings and it only changes the font for the tables - not the font in text boxes.

Hi Anderson_Vet,

Thanks for reaching out to Jotform Support. I checked all your forms, but I did not see any tables. Can you send me the link to your form so I can take a look at it for you? You might also want to check this guide Beautify Your Form Using Jotform's Built-in Fonts for more information.

Keep us updated and let us know if you need any more help. 

https://www.jotform.com/build/220313794634051

Hi Anderson_Vet,

Thanks for getting back to us. We can change the font of all the fields by adding custom CSS code to your form but before doing so, can you tell us what font style or font size you would want to apply in your form so we can help you?

Once we hear back from you, we'll be able to move forward with a solution.

Verdana size 12 please!

Hi Anderson_Vet,

Thanks for reaching out to Jotform Support. To change the font of your form to Verdana with a font size of 12, you can inject the following CSS code:

.form-all {

    font-family: Verdana, sans-serif;

    font-size: 12px;

}

Here's how to inject the CSS in your form:

1. Click on the Form Designer button(Paint Roller).
2. Under the Style Tab, scroll down to Inject Custom CSS.
3. Finally, Copy and Paste the CSS code above.

Take a look at the screenshot below to see my results:

Give it a try and let us know how it goes.

I have inputted the CSS code but where do I save it? It is not showing any change in font and I watched a video that has a "save" button but I don't have one.

Hi Anderson Vet Clinic,

Thanks for getting back to us. Do note that when you copy and paste the CSS code into the inject Custom CSS code window. You don't need to click on the Advanced Form Designer.

You can scroll upwards and close the panel. Let me share the screenshot below of the Form Designer.

Let us know how it goes.

I have followed the steps and as you can see in the screenshot the font is different in line 1 (and other lines not shown in screenshot).

Hi Anderson Vet Clinic,

Thanks for using Jotform. When I checked out your Ultrasound Consent Form -CPR. I've noted that for questions one and five, you are using the paragraph field. For all other questions, you are using the short text field. Keep in mind that for the paragraph field, you get an option to change the font's style and the size but for the short text field, there isn't. Let me share the screenshots below:

That's why you are seeing the different fonts in those two questions. I suggest you either change all the fields to the paragraph field or replace the paragraph fields with long text or short text to see the results.

Let us know how it goes.