Adjusting the space on the first header of my form

  • HasnaeEG
    Fecha de consulta 23 de noviembre de 2023, 4:14

    Buenos días, me gustaría saber cómo puedo modificar estos espacios:

    En la línea rosa me gustaría reducir un poco este espacio. En cambio en la línea amarilla me gustaría ampliarlo un poco más. Muchas gracias!Adjusting the space on the first header of my form Image 1 Screenshot 20

  • Raymond Jotform Support
    Fecha de respuesta 23 de noviembre de 2023, 6:43

    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'd have to wait until they're available again.

    I understand you'd like to adjust the space around the bottom of the first header in your form. We can do this by using some CSS codes. Let me help you do that:

    • In Form Builder, click on the Paint Roller icon on the right.
    • Next, click on the Styles tab and paste the codes provided below into the CSS box.
    /* Increase space at the bottom of the first header  - 9385993*/
    div.form-header-group.header-large, div.form-header-group.hasImage {
     padding-bottom: 20px;
     margin-bottom: 10px;
    }
    /* Ends here */

    Adjusting the space on the first header of my form Image 1 Screenshot 20 The px value can be adjusted as needed. You may also check this demo form or clone it to your account to inspect it further.

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