The spacing between the text fields, phone number, and email address is too far to the right

Ask the Community General Questions
1

Hi there

In the Form Builder, the left margins aren’t aligned. I want them all to be the same. Where and how can I do that?

grafik
grafik1012×715 15.7 KB

https://dash.elfsight.com/widget/6f01ca7a-590b-40e4-b6b8-be02ef1861bf

Thank you.
Dominik

3

Hi there, @Dominik1 :waving_hand:

This issue occurs because of the conflict with the styles of your website. Could you please share a link to the page, where your widget is installed?

4
5

Thank you!

This issue appears because of the widget setup, but not confclicting styles. The thing is that for some fields you’ve added both Label and Placeholder, while the rest fields have only Placeholder add.

For example, Anrede field has only Placeholder, that’s why there is no margin on the left. At the same time, Name field uses both Label and Placeholder. Since labels have a small margin on the left, this field looks differently:

image
image560×833 17.7 KB
image
image648×756 15.2 KB


To resolve this issue, you just need to use the same setup for all fields. Please let me know if this clarifies things or if you have any further questions :slightly_smiling_face:

6

Thanks a lot, Max. Everything works, except for “Telefon.”

7

This CSS code should do the trick:

.es-fields-phone .es-fields-short-text{
  padding-left: 0!important
}

Please try it out and let me know if it helped :wink:

8

Perfect!! Thank you Max!!

9

Great, you’re always welcome!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a 3-month extension for your subscription - April Contest: What’s Your Top Widget Feature? Tell us and win 3 MONTHS FREE!:wrapped_gift:

Check the details and join in :wink: