Contact form

Is there a way to make the contact form smaller in the frontpage. The fields are rather large and look to big for the page.

I don’t understand if you mean smaller in height or in width.
Anyway, this will make it smaller in width (you can change 400px to the value you want - the margin thing simply centers the form):


.wpcf7 {
   max-width: 400px;
   margin: 0 auto;
}

And this will make it smaller in height:


.wpcf7 input {
   padding: 5px 15px;
}

Thanks Vlad,

That css code definitely makes the form fields smaller; however, the form is now not centered even with the code you provided. Any suggestions?

Sorry, the contact plugin was overwriting the code I gave you. Use it like this please:


.wpcf7 {
   max-width: 400px;
   margin: 0 auto !important;
}

Thanks Vlad-that works great.