dhughes
Member
http://healthfxtoronto.com/patient-resources/new-patient-contact-form/
When I view this form, the field sub-titles (First Name, Last Name, Street Address, City, Postal Code) are not appearing. What am I doing incorrectly?
Thanks in advance for any help!
Line 667 of your theme's "layout.css" contains this line which is hiding the labels:
[css]
html.placeholder label[for] { display: none } /* we're using placeholders, fallback with js for IE */Remove that or override that for your Gravity Forms and I think you will find you see the labels.
[css]
body .gform_wrapper form label[for] {
display:inline;
}
dhughes
Member
Hello Chris —
Thanks very much for your reply — it worked. Only small glitch is that the alignment for the form field and form field titles for "Province" and "Postal Code" are a bit off…
http://healthfxtoronto.com/patient-resources/new-patient-contact-form/
As an aside, is there any way to affect the padding of form field and drop down elements? In the last sequence of the form, there are "Activity" form fields followed by drop-downs. I would like the form fields to be visually adjacent (either across or down), with a "1 to 10" drop down. Currently they are all evenly spaced, making it tough for the user to determine which drop down corresponds to which form field.
Many thanks in advance.
Your theme or a plugin is outputting all sorts of extra markup inside the gravityforms shortcode output. There are extra closing < p> tags and extra < span > tags and < br > tags. None of that is output by Gravity Forms: it's being done by something on your site. Normally it's the theme, but it could be a plugin too. Please see these related topics for how the problem has been fixed in the past.
http://www.gravityhelp.com/forums/tags/raw
Fixing that will take care of the issue with the postal code/province. Then we can look at your final question.
dhughes
Member
Hi Chris —
Positive results from my theme's support forum, which recommended I wrap the form's shortcode in [raw][/raw} which solved the issue with the form field and form field title alignment.
I'd like to follow up on my second query regarding spacing/padding:
Is there any way to affect the padding of form field and drop down elements? In the last sequence of the form, there are "Activity" form fields followed by drop-downs. I would like the form fields to be visually adjacent (either across or down), with a "1 to 10" drop down. Currently they are all evenly spaced, making it tough for the user to determine which drop down corresponds to which form field.
Can I achieve this?
Thanks very much,
Deirdre
Deirdre, I can't see your form any more. I have some sort of coming soon page "healthfxtoronto.com launches January 12th, 2013". If you still need help with this, please provide a link to the page on your site where we can see this form. Thank you.
dhughes
Member
Hi Chris —
Apologies — we put the site under maintenance after I had followed up on my reply to you. To access the page with the form you will need to login to WP with my details (is it possible to keep this posting private rather than public, considering it relays login details?):
Many thanks for any help you can give me.
Please don't post login details publicly. If you want to send login details to Chris, his e-mail is chris@rocketgenius.com. All my best.
I logged in and took a look at your page. I added the CSS class of gf_left_half to the three "Activity" text fields and gf_right_half to the 3 drop downs. That put them side by side.
Now you need to add this to your theme's stylesheet to vertically align the drop down to the text field on the left:
[css]
body .gform_wrapper form #input_2_18,
body .gform_wrapper form #input_2_21,
body .gform_wrapper form #input_2_22 {
margin-top: 10px;
}You can add that where you added the other Gravity Forms-specific CSS for the inline labels.
You're welcome.