Contact form 7 – Centering fields

Hi,

I am trying to center the fields of my contact form 7 with some custom CSS (Screenshot attached) but I cannot find the proper code line. I have managed to center the button with this:

}
.wpcf7 input,
.wpcf7 textarea {
width: 100%;
}
form.contact-form { text-align:center; }
.wpcf7 label {
display: block;
}

div.wpcf7 {
max-width: 30em;
margin-left: auto;
margin-right: auto;
}

Any possible help?

Thanks a lot!

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Great that means you have managed to center the button using the Custom CSS you mentioned.

And for the fields Please provide with the URL of the page to check it myself and help you out accordingly because the under construction mode is enabled .

Best Regards.

Hi,

Thanks for your reply.
Here is the URL, construction mode is now disabled.

Regards,
Bertrand

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wpcf7 label {
text-align: center;
}

Best Regards.

[Author]

Posts