What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change the heading color with Jotform 4

    Asked by adhsband on March 18, 2017 at 11:54 AM

    In Jotform 3, it used to be I could add <font color="orange"> </font> around the heading text to change the color. At some point that quit working with an existing form... The text shows orange when in the form builder but black during preview or publish. It works for a minute when I do it in Jotform 4, but then it stops.

    This really needs to be more intuitive people... Injecting CSS is for software developers not software end users.

    Please give me instructions on how to make both my heading and subheading orange using Jotform 4.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 18, 2017 at 11:27 PM

    You could change the heading color by opening the designer tool, scrolling down and clicking on the advanced designer tool: 

    Once you got into the advanced designer you need to click on the heading text and change the font color from the header style options:

    Additionally if you need to change the color injecting some CSS code then you could simply inject this code: 

    .form-header-group .form-header{

        color: orange;

    }

    This guide will help you to inject it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps. 

  • Profile Image
    JotForm Support

    Answered by seth on March 20, 2017 at 07:32 AM

    Hello,

    I checked your form and see that you have changed the header color from Advanced Designer but this change is not reflected on the builder and on the published version of your form.

    Advanced Designer:

     

    Builder:

    I am escalating the issue to our developers. They will fix your form.

    We will notify you via this thread.

    Thank you.

  • Profile Image

    Answered by adhsband on March 20, 2017 at 09:51 PM

    It's fine, I injected CSS and it works fine, don't sweat it. Thanks.

  • Profile Image
    JotForm Developer

    Answered by berkay on March 21, 2017 at 02:38 AM

    Hi,

    We apologize for the trouble that caused to you. We have found the related error, and I have fixed it.

    Thank you for your patience and understanding.

    Regards,

    Berkay