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:
I hope that you enjoyed.
If you like, leave your comment.
This Post Has 6 Comments
ok, but how do I apply this to only 1 specific form? do you have additional CSS coding for that?
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.
Thanks! Works for me 🙂
Thank you very much 🙂
It worked.
Thanks so much for your help!
Perfecto. Thanks a bunch!