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.

Submit Button Formatting

  1. I just created my first form a few days ago and now I am working through some formatting issues. My main issue now is the "Submit" button appears to be using GF style and not my theme style - I think. I have a little understanding of CSS but I just sat here for an hour with "Firebug" and I still haven't manged to figure out why it is working like it is so obviously I don't have enough knowledge to amount to anything...

    Form is here:
    http://www.beechcreekwesleyan.org/contact/

    Working theme buttons are here:
    http://www.beechcreekwesleyan.org/about-us/

    Thanks in advance for any direction.

    Posted 13 years ago on Tuesday October 26, 2010 | Permalink
  2. The reference "buttons" are just styled hyperlinks, not actual form buttons so the button wouldn't naturally inherit any properties from those. Gravity Forms doesn't have any default button styles, it simply inherits styles from your theme.

    If you want to change the styles to match the other buttons, you can target the form button with this inheritance.

    .gform_wrapper .gform_footer input.button {color:#fff; padding:4px 8px}

    It looks like you can copy some of the the rules for the "button_link" class in your theme style sheet to get it to match up.

    If you need any specific styling guidance, I'd suggest contacting your theme provider since they're more familiar with your theme.

    Posted 13 years ago on Tuesday October 26, 2010 | Permalink