Comments Josh started the conversationJanuary 5, 2017 at 1:51amHello,My Contact Form 7 forms display beautifully when the Field Position is set to horizontal. However, the forms display poorly when the Field Position is set to vertical.Attached: Screenshot of contact form with Field Position set to vertical.Thoughts?Thanks! 899TheFox repliedJanuary 5, 2017 at 6:16amHello Josh,Could you give us a link to the page.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Josh replied privately 899TheFox repliedJanuary 6, 2017 at 6:55amHello Josh,Go edit the page css ( https://drive.google.com/open?id=0B4U2I7SLFLQYM1dZY0RvZUZ3dkk ) and add this custom css :.wpcf7-form-control-wrap:before, .wpcf7-form-control-wrap:after { clear:none; }Do not hesitate to contact us if you have more questions. Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Josh repliedJanuary 6, 2017 at 7:07amHello,It's better, but still a little off. Thoughts?Screenshot Attachedhttp://proudofmydog.com/share-your-comments/ 899TheFox repliedJanuary 7, 2017 at 7:17amHello Josh,The problem is how the form is created, the input are in "p" tags.You can add this custom css :.wpcf7 p { margin-bottom:0!important; }This should do the trick.Do not hesitate to contact us if you have more questions. Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Josh repliedJanuary 7, 2017 at 11:13pmHello,That did the trick! For future reference, what tags should the input be in? (Let me know if this is a question for Contact Form 7)Thanks! 899TheFox repliedJanuary 8, 2017 at 7:35amHello Josh,Glad to hear that!You don't really need to have the input in a tags.A form like this : <label> Your Name (required) [text* your-name] </label> <label> Your Email (required) [email* your-email] </label> <label> Subject [text your-subject] </label> <label> Your Message [textarea your-message] </label> [submit "Send"]or like this [text* your-name] [email* your-email] [text your-subject] [textarea your-message] [submit "Send"] will still work.Do not hesitate to contact us if you have more questions.Have a nice weekend! Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Sign in to reply ...
Hello,
My Contact Form 7 forms display beautifully when the Field Position is set to horizontal. However, the forms display poorly when the Field Position is set to vertical.
Attached: Screenshot of contact form with Field Position set to vertical.
Thoughts?
Thanks!
Hello Josh,
Could you give us a link to the page.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hello Josh,
Go edit the page css ( https://drive.google.com/open?id=0B4U2I7SLFLQYM1dZY0RvZUZ3dkk ) and add this custom css :
.wpcf7-form-control-wrap:before, .wpcf7-form-control-wrap:after { clear:none; }
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hello,
It's better, but still a little off. Thoughts?
Screenshot Attached
http://proudofmydog.com/share-your-comments/
Hello Josh,
The problem is how the form is created, the input are in "p" tags.
You can add this custom css :
.wpcf7 p { margin-bottom:0!important; }
This should do the trick.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hello,
That did the trick!
For future reference, what tags should the input be in? (Let me know if this is a question for Contact Form 7)
Thanks!
Hello Josh,
Glad to hear that!
You don't really need to have the input in a tags.
A form like this :
or like this
will still work.
Do not hesitate to contact us if you have more questions.
Have a nice weekend!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme