Center Align Contact Form 7

Greetings Dannyogolo,

There are several methods, which could help you modify the position of your Contact Form 7 form.

1. You could add a left margin to the form, like this:
a. create a custom style as seen in this video: https://www.youtube.com/watch?v=dByaDeVlmAc
b. take a look at this screenshot: https://screencast.com/t/AoRcOdbJHAd

2. You could add a left padding to the form, like in the first method only changing the padding settings

3. You could add a manual styling using our Manual Style editor, which looks like this: https://s.w.org/plugins/contact-form-7-style/screenshot-6.jpg?r=1526487 .

Here you could add the following CSS to change your form’s position:

.wpcf7 .wpcf7-form {
	margin: 0 auto;
	width: 500px; 
/*this value is for example purposes, please change it to a desired value*/
}

If you enjoy our work, please feel free to give us a five star rating or consider donating.

Cheers,
Lehel

• This reply was modified 8 years ago by Lehel Szilard Marosi.