Remove margin on header

  • OurAmazingFighters
    Asked on April 18, 2024 at 2:37 PM

    as for my third, attached is a screenshot of what I mean when I refer to “buffer…” Essentially, what I was asking is if there is a way to remove the margins to move elements closer together. The margins I am referring to are circled in yellow!

    In this form, they just look awkwardly far away and it’s worse I feel on the computer.

    I do not want to remove the margins on all questions/ elements but simply on this heading & directional page. Thanks!How to add multiple paragraphs to the form? Image 1 Screenshot 20 Screenshot 10 Screenshot 10

  • Mikhail JotForm Support
    Replied on April 18, 2024 at 2:56 PM

    Hi LeAnna, 

    Thanks for reaching out to Jotform Support. Adjusting the margins are possible by adding a CSS code. Let me show you how to do that:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /* Adjust margins - 14038141*/ 
    li#id_45 {
        margin-top: -10px;
    }
    li#id_46 {
        margin-top: -40px;
    }
    /* Ends here */


    This is how it looks like after adding the CSS code:

    Remove margin on header Image 1 Screenshot 20

    Give it a try and let us know if you have any other questions.

 
Your Answer