How to remove large white space above the form?

  • Scheins
    Gefragt am 4. Dezember 2023 um 16:21

    Hallo Jotform Team,

    ich habe bei diesem Formular auf jeder Seite oberhalb der Grafik einen großen White Space. Woran liegt das und wie kann ich ihn entfernen? Ich möchte, dass die Grafik direkt am oberen Bildrand platziert ist. Lieben Dank und Gruß


  • Mightor Jotform Support
    Geantwortet am 4. Dezember 2023 um 20:26

    Hi Scheins, 

    Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. Can you let us know the URL of the form in question? This page will show you how to get your form's URL.

    1. In Form Builder, click on Publish.
    2. Click the Copy Link button.

    Link for template continues to go to whoops Image 1 Screenshot 1 Screenshot 10 Screenshot 10

    Let us know if you have any other questions.

  • Scheins
    Geantwortet am 5. Dezember 2023 um 06:02

    Hey, this is the Form: https://form.jotform.com/233332201923343

    In the Mobile Version (iPhone) is a huge White Space above the Icon. How can I get rid of the Wihite Space?

    Thank you very much!


  • Jovanne Jotform Support
    Geantwortet am 5. Dezember 2023 um 08:10

    Hi,

    We can use Custom CSS code to remove the space above the icon on the mobile view. Let me show you how to set it up in your form:

    1. In the Form builder, click on the blue Roller Paint icon.
    2. From the Form Designer panel, select the Styles Tab. 
    3. Next, scroll down a bit and inject the following code below inside the Custom CSS area. 
    /* remove the space above the icon on the mobile view */
    @media screen and (max-width: 600px) {
      .form-all {
        margin-top: 0 !important;
    }
    }
    /* end */


    How to remove large white space above the form? Image 1 Screenshot 30

    Tekstkleur in de headers is verandert van wit naar zwart Image 1 Screenshot 20 Screenshot 41Here's a sample result:

    How to remove large white space above the form? Image 2 Screenshot 52

    Give it a try and let us know if there's anything else we can help you with.