I installed the plugin. Built the form (amazing, by the way) and previewed. The field boxes are all aligned. However, when I inserted the form, the fields and their names are all jumbled.
Here is the link: http://thestoryhaus.com/storytellers/registration/
Please help. Thank you.
Hey there, looks like the default styles are not coming in. Do you have the output css option check in your Settings? If no, select that and you should be good to go. If yes, your gravity forms scripts and styles are not being enqueued, which you can go here to see how to do that:
http://www.gravityhelp.com/documentation/page/Embedding_A_Form
Let me know if this helps!
Thank you. I turned on the output CSS and it aligned most of the fields, except for the check boxes at the top of the form. And it deleted the Address fields.
Here's what the form looks like right now: http://thestoryhaus.com/storytellers/registration/
Thanks for your help. I love these forms.
I still need help when you get a chance.
1) The check boxes at the top of the form are not aligned.
2) The address input fields are missing.
URL: http://thestoryhaus.com/storytellers/registration/
Thanks!
In your cart66.css there is the following:
[css]
#post-content label {
float: left;
margin-bottom: 2px;
margin-top: 8px;
width: 100%;
}If you get rid of the float your fields should become visible again. Let me know if you need anymore direction. It seems like you may need to write a couple small snippets of css to add to your theme's stylesheet.
I looked for the "#post-content label", but I cannot find it. I am using Cart66 Pro. Does that matter in regards to where the code is located?
As far as the additional coding goes, is this something that you could help me with or does it need to come from Cart66 or press75 (who built the theme)?
Thank you so much for your time.
Try dropping this into your theme's stylesheet:
[css]
#post-content label.gfield_label {
float: none;
}Thanks! Almost there.
Any ideas why the check boxes at the top of the form won't line up with the words?
Try (this is a bit blind...but should work)
[css]
#post-content ul.gfield_checkbox label {
float: none;
margin-top: 0;
}
#post-content ul.gfield_checkbox input {
margin-top: 0;
}Thanks. That helped. One last question: is there anyway to adjust the spacing between the fields?
Looks like your form link no longer works - got an updated URL i could check out?
Yes. Sorry. I am working with the theme editor to figure some other issues out. They made me reset the permalinks.
Here is the current link:
Try this out:
[css]
.gform_wrapper .gfield {
margin-bottom: 10px;
}Awesome! Thank you so much. You have really helped. Have a great day!
No problem, glad to help. Have a great day yourself!