Changing the width of the contact form fields

Hi guys,

Wondering if you can help me change the width of all of the contact form fields so they are the same?

I went into Contact > Contact Forms > And selected the form I want to edit. Then I added 200/ to all of the labels but it only worked for the ‘Your message’ field.

Hello there,

Please share the link to your page where I can see that contact form, so I can inspect to find the correct CSS code.

Regards,
Kharis

Here’s the link to the site:

http://www.glennsextonconstructions.com.au/newsite/contact-us/

Hello there,

Please try adding this extra CSS code to Appearance > Customize > Additional CSS from dashboard.


.wpcf7-form label {
  display: block;
}

.wpcf7-form textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: 100% !important;
}

Regards,
Kharis

Great, thanks Kharis.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis