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
Facebook
Share on whatsapp
WhatsApp
Share on email
Email
Share on linkedin
LinkedIn

This Post Has 5 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

WordPress developer and I live in Brazil. I work with programming and WordPress since 2012. I work in partnership with agencies and companies in the United States, Portugal, Spain, and Brazil.