Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

WordPress Contact Form 7

Posted on 2014-12-26
6
Medium Priority
?
575 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
Simplify Your Workload with One Tool

How do you combat today’s intelligent hacker while managing multiple domains and platforms? By simplifying your workload with one tool. With Lunarpages hosting through Plesk Onyx, you can:

Automate SSL generation and installation with two clicks
Experience total server control

 

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 2000 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

Hire Technology Freelancers with Gigs

Work with 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.

Question has a verified solution.

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

How to create your own WordPress Theme Before I begin with the theme design tutorial, I would like to give you the basics of what is required to make a WordPress Theme. The most basic WordPress theme only requires 2 files: a style.css file and an…
WordPress is constantly evolving, and with each evolution appears to get better and better.  One of the big drawbacks prior to version 3 was that there was no way to be able to set up a custom menu from the backend. The Old Way Adding menus is…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

721 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