Why the picture in form is cut off?

  • jmartinrise
    Asked on December 15, 2016 at 1:23 PM

    Hello!

     

    Ive set an xmas theme on my jotform...

     

    https://www.jotform.com/?formID=62636755472969

     

    ...but Santa and Rudolf are cut off at the top. I've tried to fix it but I can't do it, is someone able to fix this so that the whole picture is showing and they aren't cut off at the neck?

     

    thank you very much!

    Jennifer

  • Support_Management Jotform Support
    Replied on December 15, 2016 at 3:44 PM

    Hey Jeniffer, I checked the form you included on your post https://form.jotform.com/62636755472969 but I don't see the Santa/Rudolph header image. This is what I saw:

    Why the picture in form is cut off? Image 1 Screenshot 40

    To fix this and move the image down a bit, do the following in this order:

    1. Go to this page https://www.jotform.com/theme-store/theme/santas-buddy and click USE THEME

    2. Pick the form you want to apply the theme to (Unit Visit Appointments)

    3. Go back to the Form Builder

    4. Inject the following CSS Codes:

    .form-all {

       margin-top: 160px !important;

    }

    5. Here's how/where to inject them:

    Why the picture in form is cut off? Image 2 Screenshot 51

    Complete guide: How-to-Inject-Custom-CSS-Codes

    RESULT:

     

    Why the picture in form is cut off? Image 3 Screenshot 62

  • jmartinrise
    Replied on December 15, 2016 at 3:59 PM

    this does work, however it inserts a header at the bottom of the page.  When I delete it, santa and Rudolph are cut again!

     

    Edit:

    Nevermind, ive fixed it by deleting a space in the css.

     

    thank you so much, now it looks wonderful.

  • jmartinrise
    Replied on December 15, 2016 at 4:45 PM
    This inserts a header into the bottom!

    ...
  • Nik_C
    Replied on December 15, 2016 at 7:06 PM

    Hello Jennifer,

    I checked your form, but I'm not sure if the issue persists?

    This is what I see at the bottom of your page:

    Why the picture in form is cut off? Image 1 Screenshot 20

    If I misunderstood your problem please let us know.

    Thank you!