How to center align the submit button on the Divi Contact Form Module using Flex

Divi does use the flex property for contact module Submit button (as you can see in the image below) you can center align the button very easily. We need to remove the float and horizontally center the button.

Flex uses the justify-content property to align the flex items at the center of the container.

/*** contact form submit button center align ***/
.et_contact_bottom_container{
   float: none;
   justify-content: center;
 }

or we can simply change the text-align property center.

/*** contact form submit button center align ***/
.et_contact_bottom_container{
   float: none;
   text-align: center;
 }

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top