How to change the background-color of headers and footers and how to include an image to headers

  • joannpantoja
    Asked on September 12, 2015 at 4: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.

    Jotform Thread 660904 Screenshot
  • Mike_G JotForm Support
    Replied 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: 

    How to change the background color of headers and footers and how to include an image to headers Image 1 Screenshot 50

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

    How to change the background color of headers and footers and how to include an image to headers Image 2 Screenshot 61

    Or, 

    How to change the background color of headers and footers and how to include an image to headers Image 3 Screenshot 72

    Then, 

    How to change the background color of headers and footers and how to include an image to headers Image 4 Screenshot 83

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