How Can I reduce the spaces above and below the logo and slider?

  • Profile Image
    sitiosonline
    Asked on September 30, 2025 at 6:53 PM

    Hi, I could not edit the CSS code trying to reduce the spaces aup and down the logo and slider. Could you please help me with the code?


    Thank you!


    Jotform Thread 31586961 Screenshot
  • Profile Image
    Sigit JotForm Support
    Replied on September 30, 2025 at 8:08 PM

    Hi Santiago ,

    You can easily reduce the space above and below the logo and slide by Injecting CSS Codes into your form. Let me show you how:

    1. First, copy this code:

    /*Reduce the spaces above and below the logo and slider*/
    form#\32 52727224939970 {
        padding-top: 10px!important;
    }

    div#formCoverLogo {
        margin-bottom: 10px!important;
    }

    li#id_138 {
        margin-top: 0!important;
    }

    2. In Form Builder, click on the Paint Roller icon on the upper-right side of the page.

    3. Then, in the Form Designer menu on the right, go to the Styles tab.

    4. Finally, paste the CSS code into the Inject Custom CSS code field.

    How Can I reduce the spaces above and below the logo and slider? Image 1 Screenshot 20

    Let us know if you have any other questions.

Your Reply