How to change the header's color?

  • Profile Image
    DukeCMO4U
    Asked on June 05, 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...

  • Profile Image
    Chriistian
    Answered on June 05, 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.

    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!

  • Profile Image
    DukeCMO4U
    Answered on June 05, 2016 at 10:38 PM

    Thank you. I will give it a try.

  • Profile Image
    DukeCMO4U
    Answered on June 05, 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'

  • Profile Image
    Chriistian
    Answered on June 06, 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;

    }