[Resolved] Make contact form fields full width

[Oliver]

How can I make the fields from my contact form (contact form 7) full width?

[David]

Hi there,

if you can link me to a page where i can see the form ill take a look.

[Oliver]

Hi David, here you go

[David]

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%;
}

[Oliver]

The CSS did it, thank you very much David!

[David]

Glad to be of help

[Author]

Posts