How can I change vertical padding for H1 headings?

  • kdern
    Asked on March 14, 2018 at 11:55 PM

    Hi - I would like to reduce the bottom vertical padding on my H1 headings. I'd like my blue headings to be closer to the divider lines. Here's the form: https://form.jotform.com/80726976684171

    Is there a way to do this with CSS?

    Thanks!



  • onurc JotForm Developer
    Replied on March 15, 2018 at 2:57 AM

    Hi,

    You can change the padding via custom CSS code integration, just open the Designer and Paste this CSS code, you can change the % values with your preferred value : 

    div#cid_123, div#cid_124, div#cid_125, div#cid_128div#cid_129 {

    margin-top: -50px;

    }

    And after saving your custom CSS code, your form will be displayed as follow, This code will fix all dividers in your current form.

    1521097008Screen Shot 2018 03 15 at 09 Screenshot 10


    You can also see the Field's ID by following this guide : http://www.jotform.com/help/146-How-to-find-Field-IDs-Names 

    Hope this will help you.

    If you have any question or comment, please let us know.


    Kind regards!

  • kdern
    Replied on March 15, 2018 at 7:33 AM

    That works - thank you!!