Center Contact Form 7 in page

Hey @itmonitor,

Have you tried this solution?
https://www.ads-software.com/support/topic/how-to-center-contact-form-7-on-page/

Regards,
Lehel

Hey mlehelsz,

thank you. I am willing to try this solution. Please, which value should I add to /*Add desired value here*/ so the form will be centred in Windows desktop computers and also in Android tablets, smartphones?

Rgs

IM

I would add a maximum of 300pixels, because we have to take in consideration that the smallest resolution usually is 320px wide, and we have to add some margins to add a centered feeling. Or you can add 310px, and the left – right margin will be a 5px gap.

many thanks. Here is the code I placed on the Contact 7 Style plugin. It is not working. The form position is set for “inherit”. Please, any ideas how can I make it work?

.wpcf7-form.cf7-style {
    margin: 0 auto;
    width: 450px; /310px
    float: none;
    display: block;
}

Hey,

I found out why your issue wasn’t fixed:

body .wpcf7-form.cf7-style {
    margin: 0 auto !important;
    width: 450px;
    display: block;
}

Please add this snippet instead of the other one.

Best Regards,
Lehel

it works. Mlehelz you are the best. Thank you.