Docs

[Stuart]

Hello, I would like to center my Contact Form 7 on the following page:
http://stuster.net/majurafete/contact

I would be grateful if you could advise how to do this.

Many thanks.

[Prasant Rai]

Hello Stuart,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

div#wpcf7-f21-p2-o1 {
    margin: 0 auto;
    display: block;
}

Thanks.

[Stuart]

Thanks for your speedy reply, that worked perfectly! Can you please also tell me how to center the Send button, and change its size?

Thanks again!

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.page-id-2 .wpcf7-form {
    text-align:center;
}

.page-id-2 .wpcf7-form strong {
    float:left;
}

.page-id-2 .wpcf7-submit {
    width:600px;
}

You may change 600px to achieve your desired size for the button.

Hope that helps

[Stuart]

Thank you, that worked perfectly!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts