How to center the Contact Form 7 submit button

This is a very common question of WordPress users: how to centralize the contact form 7 submit button?

It’s easier than you think. I’ll show below.

How to center the Contact Form 7 submit button

To do this is very simple. You just need to create your contact form the way you want it, and add the following code in your CSS editor or theme editor:

input.wpcf7-form-control.wpcf7-submit {
display: block;
margin: 0 auto;

Ready, the result will be this:

How to center the Contact Form 7 submit button

I hope that you enjoyed.

If you like, leave your comment.

Share this:
Share on facebook
Share on whatsapp
Share on email
Share on linkedin

This Post Has 6 Comments

  1. Erez Ahituv

    ok, but how do I apply this to only 1 specific form? do you have additional CSS coding for that?

    1. Eduardo Villão

      Hi Erez.

      if you need set to a specific form use the form ID or page class before this css.

      ex. .home for form in home page or .single-post for forms in single post page.

      if you need more informations send me a mail.

  2. Miguel

    It worked.
    Thanks so much for your help!

Leave a Reply

Wordpress Developer
Eduardo Villão
I am a Brazilian WordPress developer. Working with programming and WordPress since 2014. Currently developing custom plugins and solutions for WordPress, and work in partnership with companies worldwide.