Title: Forms in line
Last modified: August 30, 2016

---

# Forms in line

 *  Resolved [weeboodesign](https://wordpress.org/support/users/weeboodesign/)
 * (@weeboodesign)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/forms-in-line/)
 * Hi I need put the forms in-line on my website, I’ve tried with the documentation
   but it’s not working. I’d like to get the two forms and submit button in-line.
   
   Could you help me whit that?
 * Take a look at the bottom of the page:
    Url: [http://staging9.weeboo.eu/](http://staging9.weeboo.eu/)
 * I’m using the next code in forms:
    <div class=”subscribe-form”> <input type=”
   text” name=”FNAME” id=”mc4wp_email” class=”form-control” placeholder=”Your name”/
   > <input type=”email” name=”EMAIL” id=”mc4wp_email” class=”form-control” placeholder
   =”Your email address” /> <input type=”submit” name=”subscribe-submit” value=”
   Subscribe” class=”btn btn-large” /> </div>
 * Many thanks
 * [https://wordpress.org/plugins/mailchimp-for-wp/](https://wordpress.org/plugins/mailchimp-for-wp/)

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

 *  [mother.of.code](https://wordpress.org/support/users/imazed/)
 * (@imazed)
 * The Mother of Code
 * [10 years, 5 months ago](https://wordpress.org/support/topic/forms-in-line/#post-6786236)
 * Hey there,
 * Thanks for using our plugin!
 * This one was a head scratcher, haha! But I figured out what’s going on; you’re
   using a stripped down version of Bootstrap, which causes some issues with displaying
   things inline. You’ll need to tweak both your form and your CSS to fix what’s
   going on. Please take a look at [this page](http://www.w3schools.com/bootstrap/bootstrap_forms.asp)(
   scroll down to Bootstrap Inline Form) and edit your form accordingly. It should
   look a little like this:
 *     ```
       <div class="subscribe-form form-inline">
       <div class="form-group">
       <input type="text" name="FNAME" id="mc4wp_email" class="form-control" placeholder="Your name">
       </div>
       <div class="form-group">
       <input type="email" name="EMAIL" id="mc4wp_email" class="form-control" placeholder="Your email address">
       </div>
       <div class="form-group"><input type="submit" name="subscribe-submit" value="Subscribe" class="btn btn-large"></div>
       </div>
       ```
   
 * You then need to edit the width settings of all fields, and make sure the height
   issue of the submit button is resolved (remove the padding on `.subscribe-form.
   btn` and add `margin-top: -18px;` to `.btn.btn-large, .comment-form input[type
   ="submit"].btn-large`).
 * Hope that helps!
 *  Thread Starter [weeboodesign](https://wordpress.org/support/users/weeboodesign/)
 * (@weeboodesign)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/forms-in-line/#post-6786251)
 * Hey thanks for your reply, I’ll try that indication.
 * Thanks again!

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

The topic ‘Forms in line’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-for-wp/assets/icon-256x256.png?rev=1224577)
 * [MC4WP: Mailchimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-for-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-for-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-for-wp/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [forms](https://wordpress.org/support/topic-tag/forms/)

 * 2 replies
 * 2 participants
 * Last reply from: [weeboodesign](https://wordpress.org/support/users/weeboodesign/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/forms-in-line/#post-6786251)
 * Status: resolved