Solved

WordPress Contact Form 7

Posted on 2014-12-26
6
499 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
6 Comments
 
LVL 29

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 29

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
Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

 

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 29

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

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

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

Did you use a default hosting installation of wordpress with the intention of it being your actual site?  Maybe you’ve installed it as a Blog to your current site and recently converted it to be the main site and do away with the old .htm pages.  An…
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 Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…

734 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