Cannot change the font size of a Single Choice option

  • Lachen_David
    Asked 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

    Cannot change the font size of a Single Choice option Image 1 Screenshot 20

  • Jovito JotForm Support
    Replied 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:

    1. In Form Builder, click on Paint Roller icon to open Form Designer.
    2. Then, under Styles tab, look for the Font Size option and increase it.

    Cannot change the font size of a Single Choice option Image 1 Screenshot 30 Here's what it'll look like:

    Cannot change the font size of a Single Choice option Image 2 Screenshot 41Give it a try and let us know how it goes.

  • Lachen_David
    Replied 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 Support
    Replied 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.

    Cannot change the font size of a Single Choice option Image 1 Screenshot 30 Here's what it'll look like:

    Cannot change the font size of a Single Choice option Image 2 Screenshot 41Give it a try and let us know how it goes.

  • Lachen_David
    Replied on May 9, 2025 at 1:26 PM

    that increased the spacing. What about the font size itself?

  • Jovito JotForm Support
    Replied 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-size20px !important;
    }

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