Solved

WordPress Contact Form 7

Posted on 2014-12-26
6
471 Views
Last Modified: 2014-12-29
Hello,

I want to stack horizontally some fields on a WordPress Contact Form 7, but the plugin seems to force a <br /> equivalent after a select element.

Here is the code:

Option 1 (Date / Time): [select Month1 id:wpcf7dm "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12"] [select Day1 id:wpcf7dd "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12" "13" "14" "15" "16" "17" "18" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31"] <br />

It looks like this: http://rain1.com/new-site/customer-support/service-request/

Is there a way to force the select fields to line up horizontally?

Thanks
0
Comment
Question by:Richard Korts
  • 3
  • 3
6 Comments
 
LVL 28

Expert Comment

by:chilternPC
ID: 40519019
you would have to change the code in the theme-style.php if you want the fields to be horizontal. (i.e remove the <br/> in the code.
but the forms is designed to be responsive so you would need to only change it for the large screen devices
0
 

Author Comment

by:Richard Korts
ID: 40519180
There is no php called theme-style.php in the edit page.

How do I find that?
0
 
LVL 28

Expert Comment

by:chilternPC
ID: 40519199
the location is:
http://rain1.com/new-site/wp-content/themes/bee/functions/theme/theme-style.php
if its not accessible from the online editor, you may have to download the file (back it up ) change it and re-upload it.
- Oh actually looking at this it  just generates  a CSS file so its not the one that adds in the <br/> - that's probably in  the /plugins/contact-7-form/ folder
0
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 

Author Comment

by:Richard Korts
ID: 40519205
chilternPC,

I know a little css; I can see NOTHING in that file that effects form fields; note that the CAPTION of the field is ABOVE the fields; seems there should be an option to place it to the left.

I've pretty much given up on this, I'll post a related question shortly.
0
 

Author Comment

by:Richard Korts
ID: 40519212
I've tried 6 or 7, I think that one too. Drag & Drop doesn't work because of the theme (Bee).

I can't afford to force the customer to another theme now; have to bill more than they would want to pay, have to live with Contact Form 7.
0
 
LVL 28

Accepted Solution

by:
chilternPC earned 500 total points
ID: 40519218
I've just installed contact form 7 and you can edit the contact form!

go to the "Contact" on the left hande menu when you log in, click on the  form menu and click on the name of the contact form you have created.

on the left hand side is the code for your form including the <br/>.
remove the <br/> and the 'newline'  and save  so its like:

[select menu-816 include_blank "one" "two" "three" "four"][select menu-816 include_blank "one" "two" "three" "four"][select menu-816 include_blank "one" "two" "three" "four"]

and save. see example here:

http://goo.gl/uHStNa
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

What's this? As a volunteer Page Editor for Experts-Exchange.com, I have noticed that many authors also have blogs, and pull articles from their blogs to post at Experts-Exchange. I appreciate each author sharing their blog content with our site …
In Part I (http://www.experts-exchange.com/Web_Development/Blogs/WordPress/A_8410-Getting-Started-In-WordPress-Part-I.html), I introduced you to the powerful WordPress backend, the WordPress administrative Dashboard.  In Part II, I will introduce yo…
The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question