Title: Reduce space between Form Fields
Last modified: June 16, 2021

---

# Reduce space between Form Fields

 *  Resolved [uweh](https://wordpress.org/support/users/uweh/)
 * (@uweh)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/reduce-space-between-form-fields/)
 * Hi,
 * is there a way via CSS to reduce the space between the form fields? I already
   managed to change the button in look and feel etc. but the space between the 
   input fields looks to large.
 * Unfortunately I could not find any CSS coding examples in the forum.
 * Thank you for your help.
    Best, Uwe

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

 *  Plugin Contributor [Tracy Levesque](https://wordpress.org/support/users/liljimmi/)
 * (@liljimmi)
 * 🏳️‍🌈 YIKES, Inc. Co-Owner
 * [4 years, 12 months ago](https://wordpress.org/support/topic/reduce-space-between-form-fields/#post-14564488)
 * Hi [@uweh](https://wordpress.org/support/users/uweh/)
 * Can you please send us a link to one of your forms so we can take a look?
 * Thank you.
    -Tracy
 *  Thread Starter [uweh](https://wordpress.org/support/users/uweh/)
 * (@uweh)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/reduce-space-between-form-fields/#post-14567652)
 * Hi Tracy,
 * sure, these are the links to 2 semi final pages as I need to fix the issue with
   the forms:
 * [https://einfach-produktiver.com/blog-semi-final/](https://einfach-produktiver.com/blog-semi-final/)
   
   I used your your additional class field-left-half for this one. Goal is to reduce
   the area hight on that one. (I know the first line does not line up with the 
   other, but not sure where this is coming from and how to solve it)
 * one other example:
    [https://einfach-produktiver.com/blog-einstieg-semi-final/](https://einfach-produktiver.com/blog-einstieg-semi-final/)
   to much space between the form fields (on that I will reduce the width of the
   form with CSS)
 * Thank you for your help.
 * best,
    Uwe
 *  [jpowersdev](https://wordpress.org/support/users/jpowersdev/)
 * (@jpowersdev)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/reduce-space-between-form-fields/#post-14583923)
 * Hi [@uweh](https://wordpress.org/support/users/uweh/),
 * I’m seeing the following block of css in your site’s stylesheet:
 *     ```
       #top .input-text,
       #top input[type="text"],
       #top input[type="input"],
       #top input[type="password"],
       #top input[type="email"],
       #top input[type="number"],
       #top input[type="url"],
       #top input[type="tel"],
       #top input[type="search"],
       #top textarea,
       #top select {
        -webkit-appearance:none;
        border:1px solid #e1e1e1;
        padding:8px 6px;
        outline:none;
        font:1em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
        color:#777;
        margin:0;
        width:100%;
        display:block;
        margin-bottom:20px;
        background:#fff;
        border-radius:0px
       }
       ```
   
 * That block is adding a 20px margin on the bottom of all input fields underneath
   any element with the ID “top”, which in this case is the body element.
 * You can certainly try overriding the specificity by adding styles to target our
   forms, but I’d recommend modifying the stylesheet you already have, as it’s essentially
   targeting every input (and it’s at a higher specificity because you’re using 
   the ID attribute).
 * Let me know if that helps,
    Jon

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

The topic ‘Reduce space between Form Fields’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/yikes-inc-easy-mailchimp-extender_a1c7e5.
   svg)
 * [Easy Forms for Mailchimp](https://wordpress.org/plugins/yikes-inc-easy-mailchimp-extender/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yikes-inc-easy-mailchimp-extender/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/)
 * [Active Topics](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [jpowersdev](https://wordpress.org/support/users/jpowersdev/)
 * Last activity: [4 years, 11 months ago](https://wordpress.org/support/topic/reduce-space-between-form-fields/#post-14583923)
 * Status: resolved