How to change the font color?

HI,

i am trying to change the font for a page number 4 to be red. i only have a headline in this form. this is the link for the form: https://form.jotform.com/251502014231538

Thank you for your support.

Mona

Hi The,

Thanks for reaching out to Jotform Support. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

To change the font color of a headline on page 4 to red, you can use custom CSS in your form. Here’s how to do it:

1. Open your form in the Form Builder.
2. Go to the Form Designer by clicking the paint roller icon.
3. Navigate to the Styles tab and scroll down to the Inject Custom CSS section.
4. Insert CSS code targeting the headline on page 4. For example, if your headline is a page element, you can use a CSS selector specific to that page and set the color to red:

.form-page:nth-of-type(4) .form-header { color: red; }

This code changes the headline color only on page 4.

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

it did not wot

Hi The,

Thanks for your reply. If the previous CSS didn't work, please make sure you are adding the code in the Form Designer's Inject Custom CSS section.

Try this CSS instead to target the headline on page 4:

.form-page:nth-of-type(4) .form-header { color: red !important; }

The !important ensures the color change overrides other styles.

Check that your form layout is Classic, as some CSS changes only work there.

it did not work

Hi The,

If the CSS with !important didn't work, please ensure your form uses the Classic layout, as custom CSS may not apply in other layouts.

Also, double-check that you are adding the CSS in the Form Designer's Inject Custom CSS section.

If you want to change the background color of a specific page instead, you can use this CSS:

.form-page:nth-of-type(4) { background-color: #ff0000 !important; }

Replace #ff0000 with your desired color code.

Hi Mona, 

Thanks for reaching out to Jotform Support. Can you confirm if you're trying to change the color of the Heading in the fourth page? If so, you can easily change the font color by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

h1#header_103 {

color: red !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

See the screenshot below for the results:

Meanwhile, if that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

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

it did not work

sorry, i did noy see your previous message, the heading for page 3 not 4 that i need to change the color of the front to red please

this is the heading that i need to change to red font color: Submitting the form DOES NOT ensure that you have been selected!



Dear Ronald,

it worked thank you so much

Hi Mona,

You can replace the code provided earlier, with the one below:

/* Page 4 - Change font color of header to red */

.form-section:nth-child(4) .form-header {

color: red !important;

}

/* end */

Give it a try and let us know if you need any more help.

thank you so much. it worked