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.

Want the latest updates?

Get first-hand access to our plugins updates and news.

Wordpress Developer

Eduardo Villão

Thanks for access my website! 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.

13 Responses

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

  1. Yeah, we got the “center” part thank you. But the guy above asked how to align “left?” No answer? I am asking how to align the button to the “right?” Thanks.

Leave a Reply

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