Site logo

Archived topic

Make contact form fields full width

5 replies · Started by Oliver on August 16, 2021

Viewing posts 1–6 of 6

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

This archived topic is closed to new replies.