Forms Designer – colour of heading text

  • Profile Image
    Rob 
    Asked on October 17, 2014 at 04:47 AM

    Is there a way of making the heading text a different colour from the label text in the rest of the form please?

  • Profile Image
    raul
    Answered on October 17, 2014 at 09:31 AM

    Hello,

    Yes it is possible.

    You need to inject custom CSS code in your form, please take a look at this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    The code that you need to add is the following:

    .form-header {
    color: #00F !important;
    }

    The code above will change the header color into blue, if you want a different color you need to set the RGB code (the #00F part) to one that matches the color of your preference.

    If you’re not familiar with RGB codes, you can check out this site: http://www.colorpicker.com/

    Please let us know if we can be of further assistance.

     

    Thanks.

  • Profile Image
    Rob 
    Answered on October 17, 2014 at 01:19 PM

    Hi Raul

    There was already a load of stuff in the CSS box which I guess is generated by my normal JotForm editing but I added your code at the top and it works fine, thank you.  It all helps to make the form look more a part of my website.

    Many thanks.

     

    Rob

  • Profile Image
    raul
    Answered on October 17, 2014 at 02:20 PM

    Hi Rob,

    Yes, when you apply a theme to a form it creates custom CSS automatically.
    I'm glad it worked out :)

    Please let us know if you have any questions.

    Thanks.