How to remove background image from theme?

  • mike316
    Asked on January 6, 2016 at 3: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:

    How to remove background image from theme? Image 1 Screenshot 30

    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

    How to remove background image from theme? Image 2 Screenshot 41

    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?

  • Chriistian Jotform Support
    Replied on January 6, 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.