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 text appears over button image

  1. Hi

    Just started using gravity forms. Finding my way around, great plugin.

    Have looked on the forum and managed to find out some tweaks for what I needed to do. Trouble is the submit text appears over the button, even though the text field in the admin is blank. Any ideas?

    http://www.hanburymortgages.co.uk/temp/mortgages/

    Thanks in advance

    Posted 12 years ago on Tuesday September 13, 2011 | Permalink
  2. Yep, that's your theme styles, not a default Gravity Forms style. You're using a background image for the button with the text already in the image but the default button text is still visible. That technique requires that you hide the default text. The easiest way to do that is with a negative value text-indent property.

    [css]
    body .gform_wrapper input[type="submit"] {
        text-indent: -9000px;
    }

    screensho: http://bit.ly/q2qE6i

    You can add the text indent property to your existing rule in your style.css file or copy the entire rule above and put it at the end of your stylesheet. It's your choice.

    Posted 12 years ago on Tuesday September 13, 2011 | Permalink
  3. Excellent, thanks so much for your help and fast response!

    Posted 12 years ago on Tuesday September 13, 2011 | Permalink
  4. Yep. My pleasure. I'm happy I could help out.

    Posted 12 years ago on Tuesday September 13, 2011 | Permalink

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