During this tutorial, the submit button will be centered on the Divi contact form. In default, the submit button is placed to the right of the Divi contact form. We’re going to be using the CSS Flexible Box design that makes it center aligned.
CSS to Make Centered the Submit Button into the Divi Contact Form
To insert a CSS, move through to your style.css in your child’s theme and insert the below CSS.
Don't miss out on this amazing opportunity! Click the discount link now to save big on Divi Theme. But hurry, this offer is only valid for the next 24 hours. Don't wait until it's too late – click the link and get started on creating the website of your dreams with Divi Theme today!
Optionally, you could also go to Divi -> options and insert the CSS code into the Custom CSS field
/* Align the submit button on contact form – center */
.et_contact_bottom_container{
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
You may also move the submit button to the left by modifying the CSS to the next one.
.et_contact_bottom_container{
display: flex;
justify-content: flex-start;
width: 100% !important;
}
