How to remove background image from theme?

  • Profile Image
    mike316
    Asked on January 06, 2016 at 03:50 PM

    I was looking for a contact form. I went through the templates section and did not find what I was looking for. Then I went through the themes section, and found a good form. When I embed it in my website, it has this background image. I have circled them in green:

    I went to the form designer and tried to remove it, and the image was removed, but there is still unnecessary white space where the image used to be, I have marked it as "unnecessary white space" in the picture

    I would rather not do weird hacks like negative margins. how can I embed only the contact form, without the background? I wish this contact form existed without all the theme stuff. is it possible to clone the contact form without the theme stuff?

  • Profile Image
    Chriistian
    Answered on January 06, 2016 at 10:17 PM

    Hi,

     

    Unfortunately, cloning a form means making an exact copy of the form, which includes the background.

    You can remove the background in the form designer, then inject this css code to remove the padding (white space) at the top and the bottom of the form:

    .jotform-form{
      padding:0!important;
      height:100%;
    }

    Here is a guide on how to inject a custom css to your form: How to Inject Custom CSS Codes

     

    Do inform us if you need further assistance,
    Regards.