Submit Button Image is huge « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

made-connection
Member

I'm using a graphic button i made. It like 25px by 50 so quite small. However the submit button is huge on my site probably 150 x 300. I have disabled it for the moment because its ugly.
Please can you let me know what the problem is. page in questions: http://made-connection.com/
its the grey button that looks boring on the right hand column.
Thanks.

Posted 12 years ago on Saturday September 3, 2011 | Permalink
Kevin Flahaut
Administrator
Line 62 of your theme stylesheet sets a blanket 50% width on all inputs.
```
[css]
input {
    width: 50%;
}
```
That's sloppy CSS work. Inputs aren't all created equal so they shouldn't all be defined the same. When you add a custom image, it is still technically an input element ( input type='image' ) so it's going to inherit from that rule.

You can add this to the end of your theme stylesheet and it should override the previous rule. I also threw in the cursor property because something was overriding that as well.
```
[css]
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_footer input[type=image] {
	width:auto;
	cursor: pointer
}
```
screenshot: http://bit.ly/nIsFBj
Posted 12 years ago on Saturday September 3, 2011 | Permalink
made-connection
Member

Thanks Kevin for getting back to me as this is a theme issue. However i tried adding the code and i still get a large button. Please can you take a look here: http://made-connection.com/

Posted 12 years ago on Sunday September 4, 2011 | Permalink
made-connection
Member

ok, now its working ok... it just put a box around it though... i can sort that out tho...
many thanks

Posted 12 years ago on Sunday September 4, 2011 | Permalink
Kevin Flahaut
Administrator
You can probably just add a couple of other properties to the rule I gave you before. I know some themes like Thesis add padding and borders too that get inherited by the image buttons.
```
[css]
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_footer input[type=image] {
	width: auto;
	cursor: pointer;
        padding: 0;
        border: none
}
```
Posted 12 years ago on Sunday September 4, 2011 | Permalink