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.

Transparent png submit button sprite image

  1. I'm trying to use a transparent png sprite image as the background to my submit button for the normal, hover, and active states. I've been able to customize the submit button through the css just fine, but there seems to be some default box/button still behind my custom submit button image.

    Take a look here,
    http://www.zilchgravity.com/Test/LKJ-WP/contact/

    Is there a way to use your own sprite image as a background for the submit button without this happening? I've been trying to figure it out for a few hours now. Im pretty new to gravity forms, But I can see myself and others trying to use his technique quite often

    Thanks in advance

    Posted 11 years ago on Saturday July 28, 2012 | Permalink
  2. Looks like you nailed most of this, just drop in a border: 0; on your #gform_submit_button_1 selector.

    Posted 11 years ago on Thursday August 2, 2012 | Permalink
  3. Rob, you're kidding me. wow, I feel like a complete idiot.
    For some reason I kept thinking that there was a default submit button back there, like the kind put out by the operating system.. apart from that border, I swear I saw a different colored button, but it was just the negative space inside the border playing ticks on my eyes. border: 0; did the trick. Thanks!

    Posted 11 years ago on Thursday August 2, 2012 | Permalink
  4. Indeed it was, because the browsers apply a thicker border and inset them usually. So it is a bit of an illusion. Nice job on your button, by the way!

    Posted 11 years ago on Thursday August 2, 2012 | Permalink

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