jdang307
Member
I've done some searches, and I know how to target the submit button via CSS.
Not my website, but look at that big button. How do I do that? I assume, background image perhaps? And how do I center it across the wrapper? I tried something and it shot it way to the right.
Can you provide a link to your form or this reference site you mention?
In the form editor -> form settings you can set an image to be the submit button as well (per form).
Yes, you can do this with CSS via backgrounds for the normal and hover states. You can also use this filter:
http://www.gravityhelp.com/documentation/page/Gform_submit_button
Do you have a link to your form?
Hi Rob,
I am having a similar issue and I tried to understand the CSS style stuff I found on this post and a couple of others. I have submit twice on the button. I can't figure it out and I am sure it is easy. I tried to use a different image as well, but how to I point to the image location when it asks in the form settings for image path? Is this a url to an image I have saved within my Media section?
Here is a link to my test form
http://www.avenidasuites.com/test-page
Thanks
@dangorman, you have another problem with your site as well. Something on your site is adding additional < p > and < br > tags to the Gravity Forms output. This can be resolved in some themes by wrapping the Gravity Forms shortcode in [raw] tags (this is commonly how it's done, but it is theme-dependent and may not work for you.) Please see here for additional discussion:
http://www.gravityhelp.com/forums/topic/product-price-and-quantity-layout#post-36350
http://www.gravityhelp.com/forums/topic/zip-code-field-misalignment
http://www.gravityhelp.com/forums/tags/raw
I was going to leave the submit button to Rob. If he does not check in soon I will take a stab at the submit button issue.
I see the "extra markup" problem when I view the source of the web page. it does not always create a problem, but it will in some cases. I noticed the symptom of the problem, which is all the extra markup in the source. Something in your theme or a plugin has changed the way shortcodes are being processed.
Can you export that form please and email it to me at chris@rocketgenius.com and I will install it locally and have a look. Thanks
Hi Dan, I did not receive you email and have checked my spam folder. Please resend to chris@rocketgenius.com - thanks
jdang307
Member
My form is on the home page
http://www.yoursandiegoinjuryattorney.com/
Just want to get that button centered with CSS
@jdang307, please insert this into your theme's stylesheet:
[css]
.gform_footer.top_label {
text-align: center;
}Alternatively if you only wanted to target the widget you could use:
[css]
.gform_widget .gform_footer.top_label {
text-align: center;
}My bad. Thanks for the assist Rob.