removing space between header logo and form

  • darren_Darren_Koski
    Asked on November 5, 2024 at 11:18 AM

    I would like to remove the space between the logo and my form. I have tried so many different CSS codes including:

    ul.form-section.page-section li[data-type="control_clear"] {
    display: none !important;
    }

    which I found in the answers section

    Jotform Thread 20830431 Screenshot
  • Paolo JotForm Support
    Replied on November 5, 2024 at 1:33 PM

    Hi Darren,

    Thanks for reaching out to Jotform Support. You can remove the extra space between your logo and form by injecting a custom CSS code into your form. Let me show you how:

    1. First, copy this code:

     ul.page-section {
    margin-top: -60px !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    removing space between header logo and form Image 1 Screenshot 30

    Check the results on the screenshot below:

    removing space between header logo and form Image 2 Screenshot 41

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

  • darren_Darren_Koski
    Replied on November 5, 2024 at 1:36 PM

    Worked perfect, Thank You!

Your Answer