-
misscupcakesAsked 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,
-
jherwinReplied 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?
Can you please give us a screenshot with the layout of how you want the form to look like? -
misscupcakesReplied 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_HReplied 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.