How can I have all text in my form in the same font?

Hello,

Could you please tell me how can I have all the fonts in my form in the same font? I want to use 'Raleway'.

I'm finding solutions for the labels and sublabels, but not for:

+ the text besdides checkboxes or radio buttons

+ the text withing titles, headers or pieces of text.

Thank you for your help.

To achieve the requirements that you described, please inject the custom CSS codes below to your form. How-to-Inject-Custom-CSS-Codes

.form-header-group, .form-label, .form-sub-label, input::placeholder, .form-checkbox-item label, form-textarea, .form-radio-item label, .form-dropdown, .form-textarea-limit-indicator label, .qq-upload-button, .qq-upload-file, .qq-upload-size, .qq-upload-failed-text, .qq-upload-delete, .cancelText, .ofText, .form-html, .form-line-error .form-error-message, .header-text *, input, select, textarea {

    font-family: Bangers, sans-serif !important;

    color: lightblue !important;

}

The color: lightblue !important; can be removed. I just added it there to show the texts in your form that are affected by the changes.

If you have any questions or concerns, please feel free to let us know.

Hello Mike,

Thank you for your help! The only font which is not yet covered is the font in the buttons on my forms (so f.i. the 'send'-button).

Could you please add the custom code for that one as well? 

Thanks again!

Here are the codes that you need to also change the text on the send/submit button.

.form-submit-button {

    font-family: Bangers, sans-serif !important;

}

If you need any further assistance, please feel free to let us know.

Sorry to bother you again: same question for the following buttons on this form: https://form.jotformeu.com/benjaming/RISE-incidentenrapport

- the text in the buttons to navigate back and forth in the form

- the text in the button to print the form

Thanks!

Please try the next CSS:

.form-all .form-pagebreak-back, .form-all .form-pagebreak-next {
font-family: 'Raleway', sans-serif !important;
}

.span_print {
font-family: 'Raleway', sans-serif !important;
}

If there is anything else, let us know.

Hello Mike,

We're almost there. In this form, I have only the last button, at the bottom of the last page (a 'back' button in Dutch = 'terug'), that still doesn't seem to be in the font Raleway.

See: https://eu.jotform.com/build/60552980475361

Thank you!

Hello Mike,

We're almost there. In this form, I have only the last button, at the bottom of the last page (a 'back' button in Dutch = 'terug'), that still doesn't seem to be in the font Raleway.

And the same applies to the button at the bottom of the first page (the one that says 'rapporteer een incident')

See: https://eu.jotform.com/build/60552980475361

Thank you!

Hello Mike,

We're almost there. In this form, I have only the last button, at the bottom of the last page (a 'back' button in Dutch = 'terug'), that still doesn't seem to be in the font Raleway.

And the same applies to the button at the bottom of the first page (the one that says 'rapporteer een incident')

See: https://eu.jotform.com/build/60552980475361

Thank you!

Hello Mike,

We're almost there. In this form, I have only the last button, at the bottom of the last page (a 'back' button in Dutch = 'terug'), that still doesn't seem to be in the font Raleway.

And the same applies to the button at the bottom of the first page (the one that says 'rapporteer een incident')

See: https://eu.jotform.com/build/60552980475361

Thank you!

Hello Mike,

We're almost there. In this form, I have only the last button, at the bottom of the last page (a 'back' button in Dutch = 'terug'), that still doesn't seem to be in the font Raleway.

And the same applies to the button at the bottom of the first page (the one that says 'rapporteer een incident')

See: https://eu.jotform.com/build/60552980475361

Thank you!

Hello Mike,

We're almost there. In this form, I have only the last button, at the bottom of the last page (a 'back' button in Dutch = 'terug'), that still doesn't seem to be in the font Raleway.

And the same applies to the button at the bottom of the first page (the one that says 'rapporteer een incident')

See: https://eu.jotform.com/build/60552980475361

Thank you!

Hello,

On form's direct URL the last back button was fine, but I have updated the code and cleared form caches to fix the issue in BUILD mode. 

Please check if everything is styled as expected now.