What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to remove white space above the picture

    Asked by Modelbus on February 23, 2016 at 08:33 AM

    Good morning,

    My I ask an other question related to the picture?

    Is it possible to skip the white space above the picture. I am aware that there is also the language button? I think the form loos more smatter than it already is. :)


    Met vriendelijke groet,

    Simon Kooij

  • Profile Image
    JotForm Support

    Answered by beril on February 23, 2016 at 09:00 AM

    If you add the CSS code below from designer it will work as expected.

    #positivessl {

        position : relative;

        top : -4px;

    }

    #id_11 {

        margin-top : -80px;

    }

     

    Here is how it works:

     

  • Profile Image

    Answered by Modelbus on February 23, 2016 at 09:45 AM
    Hi,

    Just putted in the code, but it is not working like your example. :(

    Met vriendelijke groet,

    Simon Kooij

    Disclaimer:
    Dit e-mail bericht is uitsluitend bestemd voor de geadresseerde(n).
    Indien de e-mail bij vergissing bij u is terecht gekomen, neemt u dan s.v.p. direct contact met ons op, telefoon 0613213794.
    Wij verzoeken u in dat geval de e-mail te vernietigen, de inhoud ervan niet te gebruiken en niet onder derden te verspreiden.
    Het bericht kan vertrouwelijke informatie bevatten, beschermd door een beroepsgeheim.
    Please consider the environment before printing this email.


    Van: JotForm [mailto:noreply@jotform.com]
    Verzonden: dinsdag 23 februari 2016 15:00
    Aan: info@modelbus.nl
    ...
  • Profile Image

    Answered by Modelbus on February 23, 2016 at 09:46 AM

    .

     

    The code didn't work in my forms. Strange. Ik putted the code in the CSS, and nothing happend. Be aware that I made a picture above the header. The picture wasn't responsive on an Ipad. That was repaired.

  • Profile Image
    JotForm Support

    Answered by beril on February 23, 2016 at 10:21 AM

    I've tested on your original form. It works properly on my side. 

    I assume that you want to remove the white space from your Aanmelden nieuwsbrief form. I've added the CSS code above from designer as you see below:

     

    We would appreciate it if you could also check it on your side and let us know the result.

    I look forward to hearing from you soon.

  • Profile Image

    Answered by Modelbus on February 23, 2016 at 10:37 AM

    Hi,

    Now it works, I have algin the form to left and the nice border again on it. I will put in the code also in the other form.

     

    Thanks.

    Simon

     

  • Profile Image

    Answered by Modelbus on February 23, 2016 at 10:42 AM

    Hi,

     

    Just checked it. The seal is now cut off. To far up.

     

    Simon 

  • Profile Image
    JotForm Support

    Answered by david on February 23, 2016 at 12:48 PM

    This is how your form looks on my end:

    The seal does not appear to be cut off at all.  Is it still not showing properly on your end?

  • Profile Image
    JotForm Support

    Answered by beril on February 23, 2016 at 01:01 PM

    I am able to reproduced the same issue that you're having on mobile platform.

    Could you delete all code that I've provided you before and add the CSS code below?

     

    #positivessl {

        position : relative;

     

        top : -4px;

    }

    #id_11 {

        margin-top : -70px;

    }

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

        #positivessl {

            width : 100px !important;

            height : auto;

                 width: initial !important;

        }

    }

    At that time it will work properly.

    Here is how it works:

    Let us know if you need further assistance. We will be glad to assist you.

  • Profile Image

    Answered by Modelbus on February 23, 2016 at 01:40 PM

    Hi,

     

    The "Aanmelden Nieuwsbrie"works perfect now.

    I copied the same code to "Contactformulier"and that doesn't work :)

    That's strange?!

     

    Hope to hear.

    Simon

     

  • Profile Image
    JotForm Support

    Answered by beril on February 23, 2016 at 02:01 PM

    Hi Simon;

    We are glad to hear that everything is fine for your Aanmelden Nieuwsbrie form.=)

    It doesn't work because the ID of your field is different. I've updated the code as you see below.

     

    #positivessl {

        position : relative !important;

        top : -4px;

    }

    #cid_12 {

        margin-top : -70px;

    }

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

        #positivessl {

            width : 100px !important;

            height : auto;

            width : initial !important;

        }

    }

    Can you also test it on your website and let us know the result?

  • Profile Image

    Answered by Modelbus on February 23, 2016 at 02:39 PM

    Hi,

    Thanks. A small part of the picture is cut of and still no border, although I put the code in.

     

    Still a mistery to me.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 23, 2016 at 04:44 PM

    I did check your forms and seems like you have removed the image, I was unable to find the image with the issue.

    If you decide to add the image again, please share us the link we will be glad to take a look on it.

  • Profile Image

    Answered by Modelbus on February 24, 2016 at 02:28 AM

    Hi Kevin,

     

    I didn't remove the picture:

     

    https://www.modelbus.nl/contents/nl/d6345938_contactformulier-modelbus.html

     

    https://www.modelbus.nl/contents/nl/d182_modelbus-nieuwsbrief-modelbus.html

     

    A "simple" picture is taking a lot of time

    Hope you find the cause of it. I will do nothing now and wait for your reply.

     

    Simon

  • Profile Image
    JotForm Support

    Answered by beril on February 24, 2016 at 03:53 AM

    Hi Simon,

    First of all, we are really sorry for taking a lot of now. I've fixed that issue on your original form. 

    Here is how it works on your website:

    We would be so grateful if you could check it on your side and let us know the result.

    I hope everything is also fine on your side.

  • Profile Image

    Answered by Modelbus on February 24, 2016 at 04:27 AM

    Beril,

     

    See your self, it's outstanding!! 

    https://www.modelbus.nl/contents/nl/d6345938_contactformulier-modelbus.html

     

    Thanks for the help, and service. I learned a lot.

    All the best, I hope the viewers appreciate the forms that are created.

    Simon 

  • Profile Image
    JotForm Support

    Answered by beril on February 24, 2016 at 05:09 AM

    Hey Simon,

    That's great. I am really happy to hear that you like it and you learned CSS code. =) We always here for you if you need any further assistance.

    Have a nice day!

  • Profile Image

    Answered by Modelbus on February 24, 2016 at 05:20 AM

    Beril,

    It was nice working with you all. When I discover something, I know where to find you on the forum :)

    See you and have a nice day too.


    Simon