Contact form 7 | Center alignment

Hi there,

You can add this in Customizer => Theme Options => Custom CSS :

#contact .contact-form { float : none; margin: 0 auto; }

Let me know how it goes!

Hi,

It works, thanks a lot!:)

That worked for me too, thanks!

Hi! Why it doesn’t work for me? ?? I wrote this topic. Please help me! Thanks!

Hi there, I’ve tried adding the custom CSS but my form remains to the left. Is there somewhere in that CSS that relates to the name of the form?

#contact .contact-form { float : none; margin: 0 auto; }

Thanks

Hi Redjioe, I resolved in this way:

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { float : none; margin: 0 auto; }
.wpcf7 { text-align: center; }

Bye!

Thanks Linuss888 that’s got it!

Hi,

This worked for me:
.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 textarea { float : none; margin: 0 auto; }
.wpcf7 { text-align: center; }

Although is there a way to have all the text and boxes left aligned but at the same time have the whole form centered on the page?

https://www.cockatours.com/cape-york-flash-sale

Thanks

Thanks all! Linus888’s solution worked. How about the [bws_captcha]? Is there a way to center that for those of us who don’t know css?

Hi Jesunseri, I know something about the css, am not an expert. ?? If you give me your url, I may take a look to your source code. Is your plugin this?

Bye

Take a look here for more custom styles via css