Center the form

  • CityDogs_Entrenamiento_
    Fecha de consulta 28 de enero de 2025, 15:49

    Se ve desalineado mi formulario, quisiera que quedara al medio como la imagen del principio.


    Gracias

    Jotform Thread 23544541 Screenshot
  • Jovito Jotform Support
    Fecha de respuesta 29 de enero de 2025, 7:45

    Hi CityDogs_Entrenamiento_,

    Thanks for reaching out to Jotform Support. Our Spanish Support agents are busy helping other Jotform users right now, so 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, it might take a while until they're available again.

    Now, coming back to your question, you can center the form by injecting a CSS code. Let me show you how:

    1. Copy this CSS code.

    /* Center the form */
    .form-all {
        margin: auto !important;
    }
    /* Code ends here*/

    2. In Form Builder, click on Paint Roller icon to open Form Designer.

    3. Then, under Styles tab on the right panel, paste the CSS code to Inject Custom CSS text area.

    Center the form Image 1 Screenshot 30 Here's what it'll look like when adding it to your form:

    Center the form Image 2 Screenshot 41Give it a try and let us know how it goes.

  • CityDogs_Entrenamiento_
    Fecha de respuesta 29 de enero de 2025, 8:54

    Thank you very much for your help, English is fine too. I did what you indicated me as it is in the gif you sent and even so when I put preview it still looks misaligned.Center the form Image 1 Screenshot 30Center the form Image 2 Screenshot 41

  • Jovito Jotform Support
    Fecha de respuesta 29 de enero de 2025, 9:16

    Hi CityDogs_Entrenamiento_,

    Can you try switching the theme to another one, then switch it back again? Let me show you how:

    1. In Form Builder, click on Paint Roller icon to open Form Designer.
    2. Then, click on Themes and select any theme and switch back to Pet Lover.

    Center the form Image 1 Screenshot 30 Make sure to add back the CSS code to your form. Here's what it'll look like:

    Center the form Image 2 Screenshot 41Give it a try and let us know how it goes.

  • CityDogs_Entrenamiento_
    Fecha de respuesta 29 de enero de 2025, 11:28

    Thank you so much! it's working! 🥳🥳🥳

Su respuesta