Horizontal

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.

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.

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?

https://www.travelingtaylor.com and the contact form is on the home page

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.

Hi again,

okay I found the problem. It seems that your theme is not using Bootstrap, 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.

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.