Submit Button Styling

Gravity Support Forums » Plugin Support » Gravity Forms

adv4sales
Member

Hello,
I am trying to center the Submit button, either text or image.
and I went through various support topics and saw probably 20 different versions of styling.
and still, not able to get it centered.

I know that Its a super simple fix. I just don't get a couple of things.

Where do we paste the CSS ? On the theme's Style.css ?? or within the submit button's css class name option ?>

By the way, I am using Optimize Press, and it uses different css for different type of pages, There is around 20 different css files within the theme folder. So, will pasting the css on the main Style.css work site wide ?

What is the CSS code i need to use to make global footer center alignment for the gravity forms.

Thanks in advance guys.

Posted 13 years ago on Saturday April 30, 2011 | Permalink
Kevin Flahaut
Administrator
As far as where to put your CSS rules, I can only tell you in needs to be in some theme stylesheet that gets included on the same page as your form. If there is one stylesheet that gets loaded globally, yes, you'd probably want to choose that one.

This should work to center the contents/button in the form footer
```
[css]
body .gform_wrapper .gform_footer {text-align:center}
```
You didn't include a URL to your form page so I can see it or test to be sure that works.. something else may override that. If that doesn't work, you can try adding margins to the button/submit elements themselves to get it to center.
```
[css]
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_footer input[type=image],
body .gform_wrapper .gform_footer button {
	margin:0 auto
}
```
You can always refer back to the documentation for samples of how to properly target the form elements for manipulation.

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
Posted 13 years ago on Saturday April 30, 2011 | Permalink