As I feared, this plug in seems too complicated for me.
Is there a tutorial that can get me started?
I've uploaded it to my page, added the constant contact add-on (which seems to allow me to only populate one list, BTW), added the fields I need, but I can't figure out where to style my form (colors, shape, etc.) and how to actually launch the darn thing.
Any help would be appreciated.
Thanks,
Jess
Gravity Forms styling gets inherited from your theme. So you will need to write some CSS if you are looking to change the way inputs are presented.
To place the form on a page see here:
http://www.gravityhelp.com/documentation/page/Embedding_A_Form
Once you have done so, if you want to provide me with a link - I can help guide you to write some CSS snippets on getting the inputs to look how you want.
Thanks Rob, I will work on this and then get you a link. I don't know anything about CSS or html . . . but I'd love to change the color (it's white on a white background which doesn't stand out as much as it could) I'd also like the first name and last name fields to be stacked rather than side by side. But first, I have to reconfigure my constant contact lists so that the add on will work.
Thank you for your help. Give me a few days (before closing this thread) and I'll be back in touch. . .
Jess
No problem - I'll be on the lookout!
Hi Rob,
That took longer than I thought! Sorry for the delay, but I think I'm ready now. I looked at how to embed a form (and did it). Here's a link: http://www.wishingwellcoach.com/wordpress/about/
Once you help me to get the CSS done so the form looks how I want it to look, can you also help me to make it into a widget I can use, AND to test it to make sure that it's populating my list correctly before I abandon my ugly form?
Thank you for your help in getting this all configured!
For the "Name" field - since you want it stacked... rather than using the "Name" field. I would simply just use two separate single line text fields. One labeled First Name and the other Labeled Last Name. What did you want to do to these fields in terms of look?
Does the label (first name, last name) appear inside or outside the box?
I'd love to have the whole form in a box with rounded edges in possible. I'd like the box to be blue (I have the exact blue if you can do it). And I'd like the name and email labels to appear outside the box to enter them in.
I'd like this box to be an embeddable form and then also have a smaller one I can use as a widget.
Does that make sense?
I don't see the form anymore on that page...
How about this - why don't you just put this form on it's own page (don't link it anywhere yet) and send the URL over to that page. That way you don't have to mess with your live pages.
So let's take this piece by piece. First this CSS snippet (which you place into your theme's stylesheet or wherever your theme instructs you to place CSS):
[css]
#gform_wrapper_1 {
background-color: #cccccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}The hex code in the background color - you would set that to be the blue you mentioned. The border radius you can change the 10px value to whatever you'd like, same goes for the padding. Also this snippet is set to only target the form with the ID of 1 (since you may not want ALL of your Gravity Forms to look like this).
Drop that in and let me know what's next. This should be the result.
I'm sorry. . . I am so new at this stuff, and I appreciate you taking the time to walk me through. . . that said, "where ever your theme instructs you to place CSS" ??? Where do I look for where it would instruct me to do that?
Hooray! I found where the CSS goes and I put it in. . . BEAUTIFUL!
Can I make the text larger?
I've also seen people with fancy arrows and stuff that point to their boxes, does gravity forms have that?
I didn't play with the padding - is that the space the box takes up?
Can I get a widget gravity form?
Thank you!!
Jess,
All of what you want to do is possible. I can help guide you with writing some of the CSS selectors to use - but what you are looking for here sounds like you need to hire a designer when it comes to how you want it to look. You are welcome to post on our job board:
http://www.gravityhelp.com/forums/forum/job-board
You can use this snippet and it will change the field labels for this form in particular:
[css]
#gform_wrapper_1 .gfield_label {
font-size: 16px;
color: #fff;
}