Title: Space between form columns
Last modified: August 30, 2016

---

# Space between form columns

 *  [jeanna_40](https://wordpress.org/support/users/jeanna_40/)
 * (@jeanna_40)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/space-between-form-columns/)
 * I have three columns created, how can I reduce the space between them?
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/space-between-form-columns/#post-6541846)
 * Please include a link to your Contact Form 7 form. If others here are able to
   understand your actual problem, they may be able to offer a possible solution.
 *  Thread Starter [jeanna_40](https://wordpress.org/support/users/jeanna_40/)
 * (@jeanna_40)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/space-between-form-columns/#post-6541985)
 * [triad-performance.com](http://triad-performance.com)
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/space-between-form-columns/#post-6541990)
 * Use [Firebug ](https://getfirebug.com/) or[ Chrome Dev Tools ](https://developers.google.com/chrome-developer-tools/)
   to examine the HTML and CSS of your CF7 form in detail. Once you understand how
   the HTML and CSS is configured in your CF7 form, you should be able to see the
   CSS changes you need to change the appearance of the form to suit your requirements.
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 * I have inspected your form, this is how you can make changes to the space
 * **Correction Code:​**
 *     ```
       .wpcf7-form .column-right, {
              // adjust the pace with your CSS code. You can do something like
              margin-left: -10px;
       }
       .wpcf7-form .column-right{
              // adjust the pace with your CSS code. You can do something like
       ​       margin-left: -10px;
       }
       ```
   
 * use a [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css)
   to add your changes to the form

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

The topic ‘Space between form columns’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [davmerit](https://wordpress.org/support/users/davmerit/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/space-between-form-columns/#post-6541990)
 * Status: not resolved