Moving (Submit) Button Closer to Last Data Field

Gravity Support Forums » Plugin Support » Gravity Forms

tasseyrusso
Member
URL: http://www.afullyengagedlife.com

I would like to move a Submit button, both in a footer area and on a regular form, so that it is spaced closer to the last field entry. Also, in the footer area, I would like the button to be flush with the fields, not to the left of them.

I've tried modifying the CSS code for the .gform footer to reduce the padding but it does not seem to be working to move the Submit button closer to the last field entry.

Here is the code;
```
[css]
.gform_footer .button {
	background: #933F40;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin: 0;
	padding: 1px 1px 1px 1px;
	border: 1px solid #333333;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	-webkit-border-radius: 1px;
	}

.gform_footer .button:hover {
	background: #000000;
	border: 1px solid #000000;
	}

.gform_footer input.button {
	background: #933F40;
         color: #FFFFFF !important;
	}

.gform_wrapper .gform_footer {
	border: none!important;
	}
```
Is there a particular parameter I'm missing or not changing out?

Thanks!
Posted 14 years ago on Wednesday October 20, 2010 | Permalink
Carl Hancock
Administrator
You are styling the wrong elements. The padding and margin isn't on the button, it's on the footer itself. You are applying all your styles to the button element so that isn't going to do what you want to do.

Try adding this to the bottom of your theme stylesheet:
```
.gform_wrapper .gform_footer {margin: 0px 20px!important; padding: 0px!important;}
```
Posted 14 years ago on Wednesday October 20, 2010 | Permalink

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