Contact From 7 field boxes are too small/short

Shapely
1

Hi, I hope you can help.

When I insert a contact form into a page, the contact form field boxes are way too small and they only seem to display over one column and it looks like they should be displayed over two columns.

Please see the attached screenshot for your reference.

How can I make the contact form field boxes wider so that they fill more of the page?

URL: https://chinaliving.org/contact/

Thank you.

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the text box size by going to Appearance > Customize > Additional CSS and pasting it there.


.wpcf7-form input[type="text"],.wpcf7-form input[type="text"] {
    width: 160% !important;
}

Best Regards,
Support

3

Hi. Thanks for getting back to me.

I used the code you provided and pasted it into the Additional CSS area but it only increased the width of the ‘Your name’ and ‘Subject’ field boxes.

Is there a way to increase the width of all the contact form boxes?

Thanks.

4

Hi

Try this code in the same place:

.wpcf7 label {
display: block;
}