How to get rid of space between fields and space next to submit button?

  • Resolved flotschie

    (@flotschie)


    6 years, 3 months ago

    Hello,

    my form has some fields aligned horizontally, so they are next to each other. I played around with Form settings, but I did not manage to make the small space between the fields disappear. Could it have to do with the palceholder for the fields label? The lables are hidden. Which setting do I have to change here to make the fields align next to each other with no space between them?

    And another question: The submit button (or its container) occupies a lot of empty space to the right of it. So the whole form div is much wider than the actual fields in it, which makes the visual vertical alignment not centered. What is going on here? How do I get rid of the empty space right next to my submit button?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey!

    Thanks for the question!
    Regarding the issue of field placement, could you please send the URL of the page where you have published your form? We will have a look and suggest a CSS solution.

    We will also check how the Submit button looks and see how its appearance can be improved.

    Cheers!

    Thread Starter flotschie

    (@flotschie)

    https://s758169971.online.de/

    Thanks for the link!

    Could you please try to add the following CSS code into Appearance > Customize > Additional CSS option?

    .wdform-field {
    padding: 0 !important;
}
.wdform-field input[type="text"] {
    margin: 0 !important;
}

    Afterward, please clear the cache of your web browser and check the changes.
    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get rid of space between fields and space next to submit button?’ is closed to new replies.