Title: Two columns in form
Last modified: August 30, 2016

---

# Two columns in form

 *  [odedkineret](https://wordpress.org/support/users/odedkineret/)
 * (@odedkineret)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-in-form/)
 * Hi,
    I did two columns in a form. With the following code : * Required fields
 * <div id=”two-column”>
 * <div id=”left”>
 * <p>* Company
    [text* company]</p>
 * <p>* Contact Name
    [text* contact-name] </p>
 * <p>* Title
    [select* title include_blank “Owner” “Buyer” “Designer” “Manager”“
   Other”] </p>
 * <p>* Business/Trade Type
    [select* business-type include_blank “Design – Residential”“
   Design- Commercial / Hospitality” “Retail” “E-Commerce” “Outdoor” “Other”] </
   p>
 * <p>* Email
    [email* your-email] </p>
 * <p>* Phone
    [tel* phone] </p>
 * <p>* Country
    [text* Country] </p>
 * </div>
 * <div id=”right”>
 * <p>Website
    [text website] </p>
 * <p> How did you hear about us ?
    [select* how-hear include_blank “Sales Rep” “
   Trade Show” “Email” “Web Search” “Social Media” “Referral” “Other”] </p>
 * <p>* Do you have a resale certificate?
    [select* certificate include_blank “Yes”“
   No” ]</p>
 * <p>Resale Certificate Number 
    [number certificatenumber]</p>
 * <p>How many rugs you purchase a year?
    [number purchase ]</p>
 * <p>How soon do you intend to place an order?
    [select* when include_blank “Immediately”“
   Within two month” “Other”]</p>
 * </div>
 * <p>Your Message</br>
    [textarea your-message] </p>
 * [acceptance accept-this] I understand that by submitting the form, a username
   and password will be generated and emailed to your e-mail address.
 * <p>[submit “Send”]</p>
 * </div>
 * and this CSS :
 * /*two-column form*/
    #two-column{ width: 700px; } #two-column #left{ width: 300px;
   float: left; } #two-column #right{ width: 300px; float: right; }
 * The problem is that the field “Your Message”
    jumped to the top of the form :
 * [https://www.exquisiterugs.com/become-a-dealer/](https://www.exquisiterugs.com/become-a-dealer/)
 * Hoe can i fix it ?
    Thanks
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 1 replies (of 1 total)

 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/two-columns-in-form/#post-6629271)
 * The actual look of CF7 forms on your website will depend largely on the current
   WordPress theme used and the CSS styling that theme applies to standard HTML 
   form elements.
 * 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/) 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 examined your form with firebug and I can see your using ‘float:left’ 
   and ‘float:right’. This could cause such problems.
 * I would suggest you take a look at [Contact Form 7 Skins](https://wordpress.org/plugins/contact-form-7-skins/)
   and consider styling your Contact Form 7 Forms with it.
 * You can now use the add-on [CF7 Skins Ready](http://cf7skins.com/add-ons/ready/)
   to to make a 2 column contact form.

Viewing 1 replies (of 1 total)

The topic ‘Two columns in form’ 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/)

 * 1 reply
 * 2 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-in-form/#post-6629271)
 * Status: not resolved