How to Move the Submit Button to the Center on Divi Contact Form Module

Are you looking for a way to move the submit button to the center on Divi contact form module?

The Divi theme by Elegant Themes is known for its versatility and ease of customization. However, sometimes you may encounter design challenges when using its modules. One common request is centered alignment of the submit button in the Divi Contact Form Module.

In this step-by-step guide, we’ll walk you through move the submit button to the center on Divi contact form module by giving your contact form a polished and balanced appearance.

Move the Submit Button to the Center on Divi

Here are the steps to move the submit button to the center on Divi Contact Form Module:

Step 1: Access the Divi Builder editor. Add or edit the Contact Form module. Go to page settings (⚙️ icon).

Step 2: Navigate to “Advanced” > “Custom CSS.” Paste this CSS code:

.et_contact_bottom_container {
    float: none;
    text-align: center;
    display: block !important;
}

Step 3: Once you’ve pasted the CSS code, make sure to save your project or publish it to apply the changes.

By following these steps, you’ve successfully moved the submit button in the Divi Contact Form Module, creating a more visually appealing and user-friendly design for your contact forms.

Conclusion:

Moving the submit button to the center of the Divi Contact Form Module is a straightforward process that enhances the aesthetics of your website. With these simple steps, you can achieve a more balanced and visually appealing contact form that provides a better user experience.

Whether building a new website or refining an existing one, these Divi customization tips empower you to create the look and feel you desire.

Happy designing!