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 Image Smushed

  1. Hello. The reference page is: where I'm finding that the image I use for the submit button is looking a little too small. When I use a text button instead, it is cut in half.

    I tried to search the forums and found which I think is likely a similar issue, just the opposite. I recently switched to a new theme, so it doesn't surprise me that it's likely the CSS messing it up. I tried adding that code to the bottom of my CSS Stylesheet, and included the !important, but it doesn't seem to make a difference, so I am wondering if there's something I'm missing here.

    I am, admittedly, a CSS amateur and this is beyond my scope. Thanks for taking the time to help. :)

    Posted 5 years ago on Monday March 14, 2011 | Permalink
  2. Yep, line 81 of your theme's style.css file sets a height of 14 pixels to all inputs. Since your button image is still technically an input, it's being forced to that height. That said, here's how you override the inheritance. Put this rule at the end of your style.css file.

    body .gform_wrapper .gform_footer input[type=image] {
        border: none;
        padding: 0;
        height: auto;
        width: auto;

    test screenshot:

    You'll notice that I added a couple of other things to remove the border on the input and extra padding so everything lines up correctly.

    Let us know if you need anything else.

    Posted 5 years ago on Monday March 14, 2011 | Permalink
  3. You are awesome. Thank you so much!

    Posted 5 years ago on Monday March 14, 2011 | Permalink

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

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only