Title: CF7 fields on two columns
Last modified: August 24, 2016

---

# CF7 fields on two columns

 *  Resolved [oxabaxo](https://wordpress.org/support/users/oxabaxo/)
 * (@oxabaxo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/cf7-fields-on-two-columns/)
 * Hi,
    i installed your pugin CF7 but I would put the fields on two columns, how
   can I do it?
 * Thanks
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/cf7-fields-on-two-columns/#post-5980641)
 * I use Ordered List elements to display multiple fields on single line.
 * HTML:
 *     ```
       <ol class="singleline">
       <li> <label for="cf7-phone">Phone</label> [text cf7-phone 15/]</li>
       <li> <label for="cf7-mobile">Mobile</label> [text cf7-mobile 15/]</li>
       </ol>
       ```
   
 * Added to Form section of CF7 interface. Labels are added for improved accessability.
 * CSS:
 *     ```
       .wpcf7-form .singleline ol {
       list-style: none;
       margin: 0;
       }
   
       .wpcf7-form .singleline li{
       display: inline-block;
       float: left;
       margin-right: 10px;
       padding-right: 10px;
       }
       ```
   
 * Add via [Child Theme](http://wplift.com/customise-wordpress-child-theme) or use
   [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css).
 * 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.
 *  Thread Starter [oxabaxo](https://wordpress.org/support/users/oxabaxo/)
 * (@oxabaxo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/cf7-fields-on-two-columns/#post-5980644)
 * Thanks 🙂 buzztone

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

The topic ‘CF7 fields on two 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/)

## Tags

 * [form](https://wordpress.org/support/topic-tag/form/)
 * [Multipost](https://wordpress.org/support/topic-tag/multipost/)

 * 2 replies
 * 2 participants
 * Last reply from: [oxabaxo](https://wordpress.org/support/users/oxabaxo/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/cf7-fields-on-two-columns/#post-5980644)
 * Status: resolved