PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

How to Edit or Replace Submit Button

  1. 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.

    Posted 7 years ago on Monday July 23, 2012 | Permalink
  2. 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).

    Posted 7 years ago on Monday July 23, 2012 | Permalink
  3. jdang307
    Member

    Ahhh, thanks.

    I had it in my post but I edited and of course, I edited it out.

    http://www.yoursandiegoinjuryattorney.com/

    Posted 7 years ago on Monday July 23, 2012 | Permalink
  4. 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

    Posted 7 years ago on Monday July 23, 2012 | Permalink
  5. jdang307
    Member

    Ok, I see it in the form editor now. I was looking for it at the bottom, but it's at the top!

    One more question. Easy way to get the submit button centered? :D

    Tried some CSS and it didn't work well.

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  6. Do you have a link to your form?

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  7. 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

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  8. @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

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  9. Thanks, but I don't see anything wrong with the way the form looks. What are you referring to exactly?

    And, how do I fix the submit button issue?

    thanks
    Dan

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  10. 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.

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  11. 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

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  12. Thanks Chris. Exporting Now and sending to you. I have tried several different things on the submit button so hoping Rob can help there.

    Thanks again
    Dan

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  13. Hi Dan, I did not receive you email and have checked my spam folder. Please resend to chris@rocketgenius.com - thanks

    Posted 7 years ago on Wednesday July 25, 2012 | Permalink
  14. jdang307
    Member

    My form is on the home page

    http://www.yoursandiegoinjuryattorney.com/

    Just want to get that button centered with CSS

    Posted 7 years ago on Tuesday July 31, 2012 | Permalink
  15. @jdang307, please insert this into your theme's stylesheet:

    [css]
    .gform_footer.top_label {
    text-align: center;
    }
    Posted 7 years ago on Tuesday July 31, 2012 | Permalink
  16. Alternatively if you only wanted to target the widget you could use:

    [css]
    .gform_widget .gform_footer.top_label {
    text-align: center;
    }
    Posted 7 years ago on Tuesday July 31, 2012 | Permalink
  17. My bad. Thanks for the assist Rob.

    Posted 7 years ago on Tuesday July 31, 2012 | Permalink

This topic has been resolved and has been closed to new replies.