Divi Contact Form: Center Submit Button

Last modified Apr 1, 2020
Difficulty Beginner
Language CSS

Watch Tutorial


Hey everybody, I’m David from Divi Space. Today I am going to show you how to center the submit button of the Divi contact form. By default, it’s aligned to the right and there is no option in the Divi Module Settings to change it.

Here is the Divi CSS code controlling the button and that we need to overwrite.

What you’ll want to do is go to the page settings and paste the CSS code snippet that you can find in the video description.

Yup, it’s that simple.

This is part of the Divi Space Snippet Series, thanks for watching the video and we’ll see you in the next one.


License: This snippet contains code from the Divi Theme, copyright https://elegantthemes.com, modified by Divi Space, September 2019. Licensed under the GNU General Public License, no warranty; click here for details.


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


Your Comments


  1. Tommy


  2. artisticbox

    is not working, the button go to the left always.

    • Anna Kurowska

      Hi artisticbox, share a link so I can help you 🙂

    • Alejo

      Hi, try adding display: block !important;

  3. Michael Burch

    Didn’t work until I added “display: block !important;” per Alejo’s recommendation. You need to revise your tutorial.

    Thanks, Alejo!

    • Anna Kurowska

      Thanks! We updated our snippet 🙂

Submit a Comment

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

Receive notifications about our new blog posts.

Before You Start

Build a Child Theme

Child themes are incredibly important for the overall look, feel, and navigation of your website, so we encourage you to take the time to get to know the content. This will help your web design and development processes tremendously. That’s why we’ve made it super easy to build a child theme for Divi or Extra in seconds!

Generate Child Theme

How to Add Java Script and jQuery to Divi

There are four ways you can add JavaScript or jQuery to a Divi website: use the code module, the Divi Theme Options console, enqueue scripts using the functions.php file, or using a plugin.

Read More

How to Add CSS to Divi

Divi users can choose between five different methods to add custom CSS to their websites. Read more about these various methods you can use to add custom CSS to your Divi theme, as well as better understand the pros and cons of each method.

Read More