How do I reduce the space between the header and the image?

  • HasnaeEG
    Fecha de consulta 21 de noviembre de 2023, 7:19

    Hola, estoy intentando reducir este espacio que hay entre la imagen y el encabezado:

    How do I reduce the space between the header and the image?  Image 1 Screenshot 20

    Reduciendo "VERTICAL MARGIN" del encabezado dentro del diseñador avanzado, pero por más que lo reduzca, cuando dejo de seleccionar el - o el + de vertical margin, no se queda guardado y sigue apareciendo el espacio. Adjunto vídeo: https://drive.google.com/file/d/1F2BXNaNONfySZGjM7MrLJgRV97IYkc8t/view?usp=sharing

  • Neil Jotform Support
    Fecha de respuesta 21 de noviembre de 2023, 9:42

    Hi Hasnae,

    Thanks for reaching out to Jotform Support. Unfortunately, our Spanish Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But keep in mind that you'll have to wait until they're available again.

    Now, let me help you with your question. You can add the CSS code below to your form to reduce the space between the header and the image:

    .form-header {
      margin-top : -35px;
    }

    Let me walk you through it:

    1. In your Form Builder, click on Form Designer.
    2. Then, go to the Styles tab.
    3. Scroll down to Inject Custom CSS and paste the code.

    Here's the result:

    How do I reduce the space between the header and the image?  Image 1 Screenshot 20

    Give it a try, and let us know if you need more help.