How to change color of the header on this form?

  • Ebeth1233
    Asked on June 15, 2020 at 10:50 AM

    I clicked the paint brush in the top right but changing the color of the header is not listed. 

    Jotform Thread 2389501 Screenshot
  • Jovanne JotForm Support
    Replied on June 15, 2020 at 10:56 AM

    Hi, thank you for reaching out to us.

    You can insert this custom CSS code:

    .form-header-group .form-header {

        color: yellow !important;


    }


    You can change the color yellow to whatever color you prefer.


    Here is a guide on how to inject a custom CSS codeHow-to-Inject-Custom-CSS-Codes


    Let us know if this works for you.

  • Ebeth1233
    Replied on June 15, 2020 at 11:28 AM
    Actually no, I didn't see where to change the color in the coded area but I
    just changed the theme.
    I think it should have been were the other options were to change the
    colors of the form, etc.
    ...
  • Jovanne JotForm Support
    Replied on June 15, 2020 at 11:37 AM

    Hi, you need to insert the CSS code in this area:

    How to change color of the header on this form? Image 10


    Hope this will help. Let us know if you have any other questions.

  • Ebeth1233
    Replied on June 15, 2020 at 12:28 PM
    I don't have CSS code. I just wanted to simply change the color of the
    header. It should not be any more difficult than changing the color of the
    form. It should be with these other options.
    [image: image.png]
    [image: image.png]
    ...
  • Eduardo_H
    Replied on June 15, 2020 at 1:55 PM

    Hello @Ebeth1233

    Please upload the images to this support ticket so we can check it and generate the CSS code for you.


    How to change color of the header on this form? Image 1 Screenshot 30

    Note that you can also customize your form styles using the JotForm Theme Designer tool. See on the screencast below how to open it:


    How to change color of the header on this form? Image 2 Screenshot 41

    Guide: Form-Designer-Tutorial-Let-s-create-fantastic-forms-


    Let us know if you need more help, we will be glad to assist you.

  • Ebeth1233
    Replied on June 15, 2020 at 2:28 PM
    Thank you but I just changed the theme and it is fine. I am just suggesting
    it be with the other color controls for others to avoid all this extra
    work. Thanks!
    ...
  • Eduardo_H
    Replied on June 15, 2020 at 5:14 PM

    I'm glad that you've worked it out.

    I'm forwarding the suggestion to our developers' team. Thank you for this feedback.