Home › Forums › Support › Make contact form fields full width This topic has 5 replies, 2 voices, and was last updated 4 years, 1 month ago by David. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts August 16, 2021 at 5:27 am #1897336 Oliver How can I make the fields from my contact form (contact form 7) full width? August 16, 2021 at 5:45 am #1897351 DavidStaff Customer Support Hi there, if you can link me to a page where i can see the form ill take a look. August 16, 2021 at 6:12 am #1897381 Oliver Hi David, here you go August 16, 2021 at 6:35 am #1897405 DavidStaff Customer Support Couple of options, you can either edit the HTML in the Contact Form 7 plugin setup. And increase the size attribute in the input fields example: <input type="text" name="your-name" value="" size="40" ..... 40 = the number of characters, change that to a larger value and the field will expand. OR you can use some CSS: .wpcf7 input[type="text"], .wpcf7 input[type="email"] { width: 100%; } August 16, 2021 at 6:43 am #1897411 Oliver The CSS did it, thank you very much David! August 16, 2021 at 6:46 am #1897413 DavidStaff Customer Support Glad to be of help Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In