How to Center Divi Contact Form Submit Button?

How to Center Divi Contact Form Submit Button? - MayanSEO. Category: Wordpress Design with Divi, Tags: Contact Form Button, Divi Tutorial

How to Center Divi Contact Form Submit Button?

How to Center Divi Contact Form Submit Button? – MayanSEO

✅ Tutorial:

———

❤️ Get in touch with Divi Space:

https://www.facebook.com/divispacesite/

———

Video 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.

———

Track Info:

Song: Daloka – Show Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link:

———

Thanks for watching!
Please subscribe! ❤️

#divitutorial

…  

View our service SEO Temple Web Design

 

How to Center Divi Contact Form Submit Button? Description

How to Center Divi Contact Form Submit Button? – MayanSEO. Category: WordPress Design with Divi, Tags: Contact Form Button, Divi Tutorial

How to Center Divi Contact Form Submit Button? Tags

Contact Form Button, Divi Tutorial

Watch How to Center Divi Contact Form Submit Button? | Divi Theme Tutorial on YouTube

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $450 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

3 Comments

  1. Chus Suárez

    Didn't work for me 🙁

    Found another snippet that did the trick, here it is just in case some other viewer has my same problem:

    .et_contact_bottom_container{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100% !important;

    }

    Reply
  2. Hugo Dev

    Snnipet that actually worked for me:

    p.et_pb_contact_field {

    padding: 0 32px 0 32px;

    }

    .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {

    transform: none !important;

    }

    .et_contact_bottom_container {

    float: none;

    text-align: center;

    }

    .et_pb_contact_submit.et_pb_button {

    margin: 0 auto 0 auto;

    width: 93.9%;

    }

    change as you like 🙂

    Reply

Submit a Comment

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