Submit Button Image Smushed « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

pbjeffrey
Member

Hello. The reference page is: http://writtenmagic.ca/wordpress-themed-websites-2/ 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 http://www.gravityhelp.com/forums/topic/submit-button-picture-is-enlarged 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 13 years ago on Monday March 14, 2011 | Permalink
Kevin Flahaut
Administrator
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: http://grab.by/9ssG

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 13 years ago on Monday March 14, 2011 | Permalink
pbjeffrey
Member

You are awesome. Thank you so much!

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

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