I am wanting to make the [textfield] within contact form 7 automatically reduce in size depending on div/span tags I am using in my site. I am using a responsive framework that automatically resize elements depending on screen size. I have noticed that the [textagrea] tag does this automatically by default, but the [textfield] does not do this. I tried adding a class to the tag such as
[text* your-name class:wpcf7-formcontrol-wrap]
But this did nothing. Could somebody help me with this? You can see exactly what I am refering to on my website http://www.danielfinn.co.uk/danielfinn/contact/ in this example the message body [textarea] has automatically resized to some div tags, but the other field using [textfield] have not. Can anyone recomend how to get around this?