-
Lachen_DavidAsked on May 9, 2025 at 11:57 AM
Can someone look at form. Trying to create a template for all of my forms. In the single or multiple choice answers I cant seem to get the font size to change.
https://www.jotform.com/build/251280485044050
-
Jovito JotForm SupportReplied on May 9, 2025 at 12:17 PM
Hi David,
Thanks for reaching out to Jotform Support. If you want to increase the font-size of the element, you can change in the Form Designer. Let me show you how:
- In Form Builder, click on Paint Roller icon to open Form Designer.
- Then, under Styles tab, look for the Font Size option and increase it.
Give it a try and let us know how it goes.
-
Lachen_DavidReplied on May 9, 2025 at 12:40 PM
Yes that's the global font size. I want different font sizes for the question and the answers. I don't want to do it on a per element basis. Lets just say I wanted to change all the question fonts for a singled choice questions or just the answers for multiple choice questions. I want to do them independently of each but not on a one for one basis. I don't want to have to style each element individual. Want to style on a per element type basis.
-
Jovito JotForm SupportReplied on May 9, 2025 at 12:59 PM
Hi David,
You can inject a CSS code that will modify the font size of all Single Choice element on your form. Let me show you how:
1. First, copy this CSS code.
.form-single-column {
font-size: 15px !important;
}
2. In Form Builder, click on Paint Roller icon to open Form Designer.
3. Then, under Styles tab, scroll down and paste the code in Inject Custom CSS text area.
Give it a try and let us know how it goes.
-
Lachen_DavidReplied on May 9, 2025 at 1:26 PM
that increased the spacing. What about the font size itself?
-
Jovito JotForm SupportReplied on May 9, 2025 at 1:36 PM
Hi David,
As you can see on the CSS code I provided, it is intended to increase the font-size and not the spacing. You can change the value of the attribute to check if it works on your end. For example, you can increase the font-size to 20px or depending on what you want to use. Here is another sample code:
.form-single-column {
font-size: 20px !important;
}
Give it a try and let us know how it goes.