Title: Horizontal Last modified: August 30, 2016 --- # Horizontal * Resolved [taylorjkeen](https://wordpress.org/support/users/taylorjkeen/) * (@taylorjkeen) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/) * How would I go about creating a simple horizontal form? I basically want it to look like this: * [Name] [Email] [Submit] * Here’s an example: [https://sridharkatakam.com/wp-content/uploads/2014/03/horizontal-optin-with-bkgrd.jpg](https://sridharkatakam.com/wp-content/uploads/2014/03/horizontal-optin-with-bkgrd.jpg) * [https://wordpress.org/plugins/bootstrap-for-contact-form-7/](https://wordpress.org/plugins/bootstrap-for-contact-form-7/) Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Felix Arntz](https://wordpress.org/support/users/flixos90/) * (@flixos90) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629937) * Hi, * you can easily create a form like this with code like the following: * ``` [text* your-name]First Name[/text*] [email* your-email]Email Address[/email*] [submit "GO"] ``` * The most important part though is to go to the “Additional Settings” tab and enter a new line there: `layout:inline` * This should create the markup you need. * Thread Starter [taylorjkeen](https://wordpress.org/support/users/taylorjkeen/) * (@taylorjkeen) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629940) * That code in the Form field and “layout:inline” in the Additional Settings tab makes the form like the following: * First Name* [First Name] Email Address* [Email Address] [Send] * What could be causing it to not go horizontal (3 columns basically)? I also tried“ layout:horizontal” but it still has each box in its own row. * Plugin Author [Felix Arntz](https://wordpress.org/support/users/flixos90/) * (@flixos90) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629942) * I’m not sure why that does not work for you, maybe another plugin is conflicting with it, or some other CSS styles might be overriding it. Was the code I posted above the only thing you entered for the shortcode? When I did that, it worked seamlessly. * Btw note that `layout:inline` is definitely the correct way. `layout:horizontal` means that the form fields’ labels will be displayed on the left hand side of their fields. When using `layout:inline`, the labels should not be displayed at all, but rather be transformed into placeholders inside of those fields. * I would need some more information about your implementation to help you here. Do you have some kind of test site set up where I can look at the actual site? * Thread Starter [taylorjkeen](https://wordpress.org/support/users/taylorjkeen/) * (@taylorjkeen) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629943) * [http://www.travelingtaylor.com](http://www.travelingtaylor.com) and the contact form is on the home page * Thread Starter [taylorjkeen](https://wordpress.org/support/users/taylorjkeen/) * (@taylorjkeen) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629944) * Here are my plugins I have if that helps any. * Akismet * Used by millions, Akismet is quite possibly the best way in the world to protect your blog from spam. It keeps your site protected even while you sleep. To get started: 1) Click the “Activate” link to the left of this description, 2) Sign up for an Akismet plan to get an API key, and 3) Go to your Akismet configuration page, and save your API key. ——————————————————- Bootstrap for Contact Form 7 * This plugin modifies the output of the popular Contact Form 7 plugin to be styled in compliance with themes using the Bootstrap CSS framework. ——————————————————————- Column Shortcodes * Adds shortcodes to easily create columns in your posts or pages ——————————————————————- Comprehensive Google Map Plugin * A simple and intuitive, yet elegant and fully documented Google map plugin that installs as a widget and a short code. The plugin is packed with useful features. Widget and shortcode enabled. Offers extensive configuration options for markers, over 250 custom marker icons, marker Geo mashup, controls, size, KML files, location by latitude/longitude, location by address, info window, directions, traffic/ bike lanes and more. —————————————————————- Contact Form 7 * Just another contact form plugin. Simple but flexible. —————————————————————- Disable Comments * Allows administrators to globally disable comments on their site. Comments can be disabled according to post type. —————————————————————— Exclude Pages from Navigation * Provides a checkbox on the editing page which you can check to exclude pages from the primary navigation. IMPORTANT NOTE: This will remove the pages from any “consumer” side page listings, which may not be limited to your page navigation listings. ————————————————————— Go Daddy Quick Setup * Get your site started in ten minutes by answering some easy questions. Use our beautiful themes and popular plugin configurations to get your website started quickly. ————————————————————– Google Analytics * Enables Google Analytics on all pages. ————————————————————- Interactive World Maps * Create interactive maps and put them anywere on your website, including posts, pages and widgets. You can set the view to the whole world, a continent, a specific country or a US state. You can color full regions or just create markers on specific locations that will have information on hover and can also have actions on click. This plugin uses the Google GeoChart API to render the maps. ——————————————————– NickDark Shortcodes * Custom shortcodes for wordpress theme. ———————————————————- Really Simple CAPTCHA * Really Simple CAPTCHA is a CAPTCHA module intended to be called from other plugins. It is originally created for my Contact Form 7 plugin. ———————————————————— Revolution Slider * Revolution Slider – Premium responsive slider ————————————————————- Search Engine Visibility * Make your site more visible to search engines ————————————————————– Sidekick * Adds a real-time WordPress training walkthroughs right in your Dashboard ———————————————————– Simple Page Ordering * Order your pages and hierarchical post types using drag and drop on the built in page list. For further instructions, open the “Help” tab on the Pages screen. ——————————————————- Simple Social Buttons * Insert social buttons into posts and archives: Facebook “Like it”, Google Plus One “+1”, Twitter share and Pinterest. ——————————————————- Travelpayouts * Earn money and make your visitors happy! Offer them useful tools to find cheap flights and hotels. Earn on commission for each booking. ————————————————- WooCommerce * An e-commerce toolkit that helps you sell anything. Beautifully. ————————————————– WooCommerce Multilingual * Allows running fully multilingual e-Commerce sites with WooCommerce and WPML. Documentation. ——————————————————– WordPress Importer * Import posts, pages, comments, custom fields, categories, tags and more from a WordPress export file. ———————————————————— WordPress Music plugin by righTune * WordPress Music is the easiest way to play background music on your WordPress website. Engage your users emotionally by playing relevant, customized background music on your websites. ———————————————————— WP101 Video Tutorials * WordPress video tutorials, delivered right in your dashboard. —————————————————————- WPBakery Visual Composer * Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. * Plugin Author [Felix Arntz](https://wordpress.org/support/users/flixos90/) * (@flixos90) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629996) * Hi again, * okay I found the problem. It seems that your theme is not using [Bootstrap](http://getbootstrap.com/), therefore the default form styles are not applied at all. * As stated on the plugin page, this plugin was created specifically for themes that rely on Bootstrap. It does not work properly if you use another CSS framework or none at all. * Plugin Author [Felix Arntz](https://wordpress.org/support/users/flixos90/) * (@flixos90) * [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629997) * Sorry, I need to correct my above answer. I see you’re using a somehow customized version of Bootstrap. Some of its features are missing, for example I can’t find the `form_inline` class anywhere. You need to use a full version of Bootstrap. Of course you can customize it, but not remove (essential) parts of it. Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Horizontal’ is closed to new replies. * ![](https://ps.w.org/bootstrap-for-contact-form-7/assets/icon-256x256.png?rev =1021147) * [Bootstrap for Contact Form 7](https://wordpress.org/plugins/bootstrap-for-contact-form-7/) * [Frequently Asked Questions](https://wordpress.org/plugins/bootstrap-for-contact-form-7/#faq) * [Support Threads](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/) * [Active Topics](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/unresolved/) * [Reviews](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/reviews/) ## Tags * [contact](https://wordpress.org/support/topic-tag/contact/) * [form](https://wordpress.org/support/topic-tag/form/) * [horizontal](https://wordpress.org/support/topic-tag/horizontal/) * [simple](https://wordpress.org/support/topic-tag/simple/) * 7 replies * 2 participants * Last reply from: [Felix Arntz](https://wordpress.org/support/users/flixos90/) * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/horizontal-7/#post-6629997) * Status: resolved