Remove top padding of my embedded form.

  • hawkram
    Asked on June 19, 2024 at 3:29 PM

    Hi there... I noticed on a lot of my forms that there is a lot of headspace at the top. I embded the forms from JotForm, is there a way of eliminating some of the whitespace at the top? Thank you!!

    https://stopagrind.com/series-200-handrail-pop-rivet-fasteners/


  • Eliza JotForm Support
    Replied on June 19, 2024 at 3:50 PM

    Hi Jason,

    Thanks for reaching out to Jotform Support. To reduce the top padding of your embedded form, we need to inject the CSS code below into your form:

    .form-header-group.header-large {
      padding-top: 0px !important;
    }

    Let me show you how to inject CSS code into your form:

    1. In Form Builder, click on the blue paint roller icon on the right side of the page.
    2. Go to the Styles tab, and scroll down a bit to see the Inject Custom CSS field.
    3. Enter the given code into the field, adding it to the last code your form has.

    Remove top padding of my embedded form Screenshot 20

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

  • hawkram
    Replied on July 1, 2024 at 11:26 PM

    GREAT, thank you!!!!

  • hawkram
    Replied on July 1, 2024 at 11:30 PM

    Is there a chance that I could get it squared away to have a shipping box set to where once the total hits $300 it is a certain price, $300 to $1000 another price, and then over $1000 a final price for shipping? That has to be doable with how I have it set up correct? Thank you!


  • Mary JotForm Support
    Replied on July 2, 2024 at 1:06 AM

    Hi Jason,

    I moved your question to a new thread and will help you with that here.

    Let us know if you have any other questions.

 
Your Answer