How to center the form on your page

Posted by on Aug 16, 2010 in Tips

Tip: How to center the form on your page:

how-to-center-form1

Note: this help page is outdated as it refers to version 3.xx
For the current versions 4.xx, use these instructions provided by mbrsolution: how to center the form

Here is how to set the options on version 3.xx:

The settings for this are on the contact form settings page. The settings are individual for each form.
Here you can set the options for the form CSS. Add the following CSS code just like the example in the picture.

In the “Welcome Introduction”, change the <p> to <p style=”text-align:center;”>

how-to-center-form3

In three of the DIV fields, add this CSS code:  margin-left:auto; margin-right:auto;

In many other fields, add this CSS code: text-align:center;

how-to-center-form2

update-options-button

how-to-center-form4

The settings will survive plugin updates.

Do you need more help?

Send us a Donation:

Donate to Mike Challis