Centre a Divi Contact Form Submit Button
By George Nicolaou
Aligning the submit button should make the form easier to use, without changing how it submits. The CSS below is the original contact-container example.
Check native alignment first
Inspect the current module’s button and layout controls. If they provide the alignment you need, use those rather than a theme-wide CSS rule.
Scope an older rule
The example targets Divi’s contact bottom container. Verify that the class still exists and restrict the adjustment to the intended form. A global rule could alter forms whose layout should remain different.
Test the whole form
Check a long button label, mobile width, validation errors and the success message. Keep the tap target easy to reach and confirm that the enquiry is delivered after the visual change.
Related guides
/*submit button center*/
.et_contact_bottom_container{
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
/*submit button center end*/
0 Comments