Title: Two columns
Last modified: August 30, 2016

---

# Two columns

 *  Resolved [odedkineret](https://wordpress.org/support/users/odedkineret/)
 * (@odedkineret)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/)
 * Hi,
    How can i change the layout of the form so it will have two columns instead
   of one column. Thanks K
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/#post-6624725)
 * This is due to CSS styling applied to standard HTML form elements within your
   current WordPress theme.
 * To change the style of your CF7 forms you would need to edit the CSS style sheets
   used by your WordPress theme.
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/#Styling_Contact_Form_7_Forms)
   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**.
 * ​​I use Ordered List elements to display multiple fields on single line.
 * HTML:
 *     ```
       <ol class="singleline">
       <li> <label for="your-name">Your Name (required) </label> [text* your-name] </li>
       <li> <label for="your-email">Your Email (required) </label> [email* your-email] </li>
       </ol>
       ```
   
 * Added to Form section of CF7 interface. <label> tags are added for improved accessability.
 * CSS:
 *     ```
       .wpcf7-form .singleline ol {
       list-style: none;
       margin: 0;
       }
   
       .wpcf7-form .singleline li{
       display: inline-block;
       margin-right: 10px;
       }
       ```
   
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/#post-6624741)
 * Sorry for the first reply, I think I miss-read the question – I believe you are
   looking to put your form fields in 2 vertical columns.
 * You could consider using [Contact Form 7 Skins](https://wordpress.org/plugins/contact-form-7-skins/)
   to style your Contact Form 7 Forms.
 * You can now use the add-on [CF7 Skins Ready](http://cf7skins.com/add-ons/ready/)
   to make a 2 column contact form.
 *  Thread Starter [odedkineret](https://wordpress.org/support/users/odedkineret/)
 * (@odedkineret)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/#post-6624759)
 * Thank you !
 *  [jenniferlcastro](https://wordpress.org/support/users/jenniferlcastro/)
 * (@jenniferlcastro)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/#post-6624765)
 * Hi, Do I understand correctly that to change the width size of Contact 7, one
   needs to add code to the same place that has name, email, etc.
 * On my website, the contact space is too wide for my theme. Is it possible to 
   reduce the width of the spaces?
 * If it’s easier to view the site here’s the address:
 * jenncastro.com
 * Thanks for your help.
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/#post-6624788)
 * [@jenniferlcastro](https://wordpress.org/support/users/jenniferlcastro/) as per
   the [Forum Welcome](http://codex.wordpress.org/Forum_Welcome#Where_To_Post), 
   please post your own [topic](http://wordpress.org/support/plugin/contact-form-7#postform).​
   I would be watching out for your question to offer you a possible solution.

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

The topic ‘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

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

 * 5 replies
 * 3 participants
 * Last reply from: [davmerit](https://wordpress.org/support/users/davmerit/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-13/#post-6624788)
 * Status: resolved