How to remove white space above the picture

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

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:

 

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
...

.

 

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.

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.

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

 

Hi,

 

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

 

Simon 

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?

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.

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

 

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?

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.

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.

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

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.

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 

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!

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