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 background-color of headers and footers and how to include an image to headers

    Asked by joannpantoja on September 12, 2015 at 04:51 PM

    How do I change the background color of the header and the footer? Also I need to change the image/ Business label how do I do that?  I have search many forums and I cant find the answer. It's a per-existing table. It's Orange now I need to change it to blue. I also cant find where my image library is. Please see attachment. Please help. Thank you.

    Screenshot
    background css background-color header footer image
  • Profile Image
    JotForm Support

    Answered by Mike_G on September 13, 2015 at 12:35 PM

    To change the color you can add this CSS code to your form using this guide: How-to-Inject-Custom-CSS-Codes

    #id_28, #header{

    background-color: blue !important;

    }

    I'm not sure which shade of you blue you would prefer to have as your header and footer background color. You can just change the word blue from the code to your preferred blue color shade and it should work. 

    Regarding the image library and changing the image on the header. I can see on your form that the logo was already changed, is that correct? Or are you referring to a different form?

    Here's what your form looks like: 

    I'm not sure where you will be needing the image library for, but you can change it here.

    Or, 

    Then, 

    That's it. I hope this helps. Let us know if you need any further assistance. Thank you.