How can I reduce the space between form fields?

  • misscupcakes
    Asked on November 29, 2020 at 9:53 PM

    Hi, is there a way to make these items appear closer? There´s too much space between them.

    Thanks,


    1606704721 5fc45e511f29e  Screenshot 10

  • jherwin
    Replied on November 30, 2020 at 2:47 AM

    By closer, do you mean you want to place the textbox close to each other or move the fields below to the top?
    1606722372 5fc4a344763b4 close Screenshot 10Can you please give us a screenshot with the layout of how you want the form to look like?

  • misscupcakes
    Replied on November 30, 2020 at 10:31 AM

    Hi Jherwin, thanks for the quick response. I meant both of them, the ones the green arrow points and the red ones.

    Thanks!

  • Gustavo_H
    Replied on November 30, 2020 at 12:07 PM

    Hi, misscupcakes. First of all, I hope you are having a great day in Lima. My girlfriend loves your cupcakes :)


    Going back to your question, to change these fields widths, you can use CSS code on your form by using the following guide.

    Complete guide 👉 how-to-inject-custom-css-codes


    To put the fields "Fecha de recojo" and "Hora de recojo" closer, you can add the code below.

    #id_11{
      width: 300px !important
    }

    #day_11, #month_11, #year_11 {
      width: 75px !important;
    }


    To put the fields vertically closer, you can reduce the divider padding using the code below.

    #id_119{
      padding: 0 !important
    }


    Lastly, to put the "Persona que lo recogerá" and "Método de Transporte" fields closer, and following the same widths of the other fields, you can apply this code.

    #id_63{
      width: 300px !important
    }

    #cid_63{
      width: 200px !important;
    }


    If you want all these changes, please, copy all CSS code and apply it to your form.


    I hope this helps. Have a joyful week 😀✨


    Note: If you prefer to receive help in your native language, please let us know, we have a Spanish Support Team.