Divi Contact Form: Center Submit Button

Last modified Oct 11, 2019
Difficulty Beginner
Language CSS
Category

Watch Tutorial

Transcript:

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.

CSS

.et_contact_bottom_container {
    float: none;
    text-align: center;
}

 

Your Comments

4 Comments

  1. Tommy

    Thanks!

    Reply
  2. artisticbox

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

    Reply
    • Anna Kurowska

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

    • Alejo

      Hi, try adding display: block !important;

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