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;
}
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Thank You Robot assumes no responsibility for any errors or omissions in the content. The views expressed on this blog are those of the authors and do not necessarily reflect the official policy or position of Thank You Robot or any related or affiliated entities or persons.
4 Comments
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