-
CrispCutsAsked 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.
-
Bojan Support Team LeadReplied 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.
-
CrispCutsReplied 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
-
VincentJayReplied 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.
-
CrispCutsReplied on February 28, 2021 at 7:57 PM
Is there a code that can make all fonts on my form Varela Round?
-
CrispCutsReplied 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
-
Sümer JotForm DeveloperReplied 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 DeveloperReplied 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.
Do not hesitate to contact us if you have any further questions.
-
CrispCutsReplied on March 1, 2021 at 11:46 AM
Thank you so much