How can I remove the empty space...

Hi, I want the form on this page to line up with text in the box next to it.. I can't seem to remove the top space and I've tried multiple things suggested in your community forum: https://sshss.ca/new/make-a-donation/

Thanks!

Denise

Hi Denise,

Thanks for reaching out to Jotform Support. If I understand correctly, you want the form top aligned to the top of the text on the left side, in your website. Check the screenshot below:

If that’s exactly what you’re looking for, I'll walk you through setting that up:

1) First, copy this code:

/* Push form to the top of the page */

.jotform-form {

    margin-top: -45px;

}

2) Open the Form Designer by clicking on the blue paint roller like button on the right side.

3) Click on Styles tab

4) Paste the codes in the Inject Custom CSS box

That's it. Give it a try and let us know if you need any more help.

Ok that's fine for desktop but now when I look at mobile, the form is pulled up so high you can't see the top of it.

Hi Denise,

Try using the custom CSS code below:

/* Push form to the top for desktop */

.jotform-form {

    margin-top: -45px;

}



/* Adjust for mobile devices */

@media screen and (max-width: 768px) {

    .jotform-form {

        margin-top: 0px;

    }

}

Give it a try and let us know if you need any other help.