How to center align the Gravity Forms submit button Posted on 14:04:00by Perry Toone with 4 comments If you are looking to center align the Gravity Forms submit button then add this CSS code to your stylesheet. div.gform_footer.top_label { text-align: center;} Email ThisBlogThis!Share to TwitterShare to Facebook
Does this centrally align every form and also the form fields and other text?
ReplyDeleteThis is just for the submit button.
ReplyDeleteBeen trying all morning and this is the first one that actually worked. My full code for customizing a single-field form and button.
ReplyDelete/* Submit Button Gravity Forms
-----------------------------*/
body .gform_wrapper .gform_footer input[type=submit] {
color: #FFFFFF;
background: #f77f2e;
font-size: 16px;
font-family: Nunito Sans;
letter-spacing: 1px;
text-transform: uppercase;
border: none;
border-radius: 40px;
max-width: 200px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: -7px;
margin-top: -25px;
transition: 0.3s;
}
body .gform_wrapper .gform_footer input:hover[type=submit] {
background: #494949;
}
#gform_10 ul{
text-align: center;
}
div.gform_footer.top_label {
text-align: center;
}
Does not work (even using !important) when using the Gravity Forms DIVI Styling add On.
ReplyDelete