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.
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;
}
0 Comments