Font not applied to all text

  • CrispCuts
    Asked on February 27, 2021 at 11:22 PM

    I changed in front options to Varela Round and while it applied it to much of my form, it didn't to other text. I understand that it doesn't show for all text, but it is inconsistent.

    Please see my image which shows where it has applied to some paragraph text, but not for others.

    Jotform Thread 2930980 Screenshot
  • Bojan Support Team Lead
    Replied on February 28, 2021 at 7:27 AM

    Greetings.

    Since the Paragraph field adds inline CSS style, global font change is not applied to this. To resolve this problem, please try adding the following CSS to your form:

    .form-all {
     font-family: "Varela Round", sans-serif !important;

    You can click here to see how to inject custom CSS.

    Let us know if this solution works for you.

  • CrispCuts
    Replied on February 28, 2021 at 3:26 PM

    Hi, I have tried injecting this CSS code into my form and it has not fixed the problem

  • VincentJay
    Replied on February 28, 2021 at 6:48 PM

    I think the Paragraph field is not updating using the custom CSS code. You might need to update the Source Code of the Paragraph field and add the text you want.

    1614556083 603c2bb394813 bss4663 Screenshot 10

  • CrispCuts
    Replied on February 28, 2021 at 7:57 PM

    Is there a code that can make all fonts on my form Varela Round?

  • CrispCuts
    Replied on February 28, 2021 at 8:33 PM

    It's mainly these ones which I have a problem with. None of them are changing font. I want to avoid going through every single one manually if possible


    1614562291 603c43f326c64 ss Screenshot 10

  • Sümer JotForm Developer
    Replied on March 1, 2021 at 1:39 AM

    Hi CrispCuts,

    I'm working on your request. You'll be notified when I'm done. Thank you for your patience.

    Do not hesitate to contact us if you have any further questions.

  • Sümer JotForm Developer
    Replied on March 1, 2021 at 1:46 AM

    Hi CrispCuts,

    I cloned and tested your form, and I noticed the CSS code has been applied successfully to your Paragraph elements. I believe you'd like to change the font of bigger paragraphs (like headers - ex. Master Copy). To achieve this, you may want to inject the following CSS code into your form:

    span {

     font-family: "Varela Round", sans-serif !important;

    To achieve this,

    1) Click on the brush icon on the top right,

    2) Open the Styles tab,

    3) Under Inject Custom CSS, enter the CSS code above.

    1614581160 603c8da8d510d span font Screenshot 10

    Do not hesitate to contact us if you have any further questions.

  • CrispCuts
    Replied on March 1, 2021 at 11:46 AM

    Thank you so much