How to change header image of theme?

  • sgaudrea
    Asked on February 9, 2015 at 9:11 PM

    Im using one off your form theme. The one with the light bulb. I can't figure out how, to change the background color AND the image of the light bulb. Im stock because everytime im adding a new heading Im also unable to change those 2 things.

    In the designer when I change the background color or image nothing happen.

     

    See link THANKS

  • Ashwin JotForm Support
    Replied on February 10, 2015 at 12:07 AM

    Hello sgaudrea,

    Please be noted that header image it is actually part of the theme. Since installed css cannot be edited in form designer, you will have to inject another custom css code in your form.

    Please inject the following custom css code in form to remove the header image:

    div.form-header-group {

    background-image: none !important; /*or use your own image URL here*/

    }

    Or you can use your own image URL to display it in form header.

    You should inject the following custom css code to reset the header height

    .form-header{

    padding:initial !important;

    The following guide should help you inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!