Help creating responsive contact form

[danielfinn 1]

I am wanting to include a contact form in my website, and am having trouble finding one that I like. I am using Fast Secure Contact Form, but that then renders the form the only thing on my site which is not responsive. Are there any known contact form plug-ins that work well with Pagelines? Or is it easy to create your own?

[batman 389]

HI daniellfinn I??m using Contact Form 7 in my frameworks http://wordpress.org/extend/plugins/contact-form-7/ You can prove it

[danielfinn 1]

I have installed that contact form and it has worked very well. The only issue I am having is that only the message body is responsive and the other fields such as Email, Your name and Subject are not. Do you know how to get around this? I am intergrating into the pagelines framework using the div row/spand classes through the following [code]

Your Name (required)
[text* your-name]

Your Email (required)
[email* your-email]

Subject
[text your-subject]

Your Message
[textarea your-message]

[submit "Send"]

[/code] You can see the result at http://www.danielfinn.co.uk/danielfinn/contact/ The reason I am wanting to make the other fields responsive is so that they look good on mobile device.

[Danny+ 1,327]

Hi Daniel, You will have to contact the developer of the contact form plugin regarding this issue. Out of interest have to tried Gravity Forms ? -

[danielfinn 1]

No I haven't. The only forms I have tried are contact form 7 and secure contact form. Would gravity forms resolve this responsive issue?

[danielfinn 1]

I have resolved the issue now. I just had to enter a wrapping CSS class within contact form 7 so that it conformed to the grid system in the pagelines framework. Thanks for all the help. Can't believe I hadn't tried out this form before it is really simple and flexible! Good recommendation.

[Rob 547]

Brilliant! Glad it's resolved. I will accept Batman's answer for you.