emilysaurus

Hi, I found this post while looking for a way to resize Contact Form 7 so that it looks good on all screen sizes. (I’m using a responsive Genesis theme.)

Here’s a quick and simple fix that I eventually discovered on my own:

1. Open up your theme’s style.css file, and
2. Add the following CSS:

.wpcf7-form-control {
	width: 100%;
}

This code will make all the input fields fill the whole area they’re in – which works perfectly on my site because the content wrapper is only about 700px. Because it’s a %, the form gets smaller as I resize the screen.

This applies to all the fields, even the submit button, so I also added some extra CSS to make the button smaller:

.wpcf7-submit {
	width: 50%;
}

Hope that helps.

Hi, I’m having the same problem – I am trying to change the styling through Settings > MailChimp Setup (‘Custom styling’ is turned on), but after clicking ‘Update Subscription Form Settings’, the styling does no apply to the form.

The site I’m working on is http://residentialsettlements.com.au/blogs/ and the Mailchimp signup form is in the sidebar there.