How to change the header's color?

  • DukeCMO4U
    Asked on June 5, 2016 at 10:04 PM

    I created my first form using an existing one you had available and modified it. The only thing I cannot figure out how to change is the header's (name of form) color... It is not an option in settings for that particular field or the general settings...

     

    Please help...

  • Chriistian Jotform Support
    Replied on June 5, 2016 at 10:10 PM

    I checked your latest form and it appears that you were now able to change the header's color using custom css.

    How to change the headers color? Image 1 Screenshot 30

    Another alternative to changing the header color would be to use the form designer and click on the header, then select the font color you like. Here's a guide that can help: Form Designer Tutorial: Let's create fantastic forms!

    How to change the headers color? Image 2 Screenshot 41

  • DukeCMO4U
    Replied on June 5, 2016 at 10:38 PM

    Thank you. I will give it a try.

  • DukeCMO4U
    Replied on June 5, 2016 at 11:24 PM

    This is very frustrating.

     

    The designer will not allow me to change the color of the header. Even when I followed your instructions above, It only allowed me to change the color of the second line "(C) 2016". SO I copied the header to the second line and I got my color right, but the font stays small, no matter what I 'tell' it to do... I choose large and it stays small.

    I tried to copy it back to the top line, but that blank space for it is gone...

     

    I was able to create a new 'header' but we are back to the same point -- I cannot change the font color with the 'Designer'

  • Chriistian Jotform Support
    Replied on June 6, 2016 at 12:09 AM

    I see that you have removed the header from your forms. I checked your form and I found that the custom css for the headers are still there. Because they have the !important property, the custom css is overriding the change that you made using the form designer. To resolve the issue, please delete the custom css from the Form Designer.

    h1,h2,h3 {

        border : none!important;

        color : #F26101!important;

    }

    How to change the headers color? Image 1 Screenshot 20