Archived topic
Make contact form fields full width
5 replies · Started by Oliver on August 16, 2021
How can I make the fields from my contact form (contact form 7) full width?
Hi there,
if you can link me to a page where i can see the form ill take a look.
Hi David, here you go
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%;
}
The CSS did it, thank you very much David!
Glad to be of help