Responsive Form sending Email

Hi there,

Have you tried a plugin like Ninja Forms or Gravity Forms? There's tons of contact form plugins out there, and they'll all work with GP :)

I use Contact Form 7 without issues with Generatepress together with the unsemantic classes built in you can achieve what you want with some patience.

My code for the CF7 is like this:

The css part:

/*CONTACT FORM 7 STYLES*/

.cf7-custom-style > div {/*adding some margin to fields*/
    margin: 0.5em 0;
}

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

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea {
    border:3px solid #000;
}

Then I create my forms with this logic:

<div class="cf7-custom-style">
<div class="grid-50">
[text* your-name placeholder "Enter Your Name"]
</div>
<div class="grid-50">
[email* your-email placeholder "Your Email address"]</div>
<div class="grid-100">
[text your-subject placeholder "Subject"]
</div>
<div class="grid-100">
[textarea your-message placeholder "Ask us anything!"]
</div>
<div class="grid-100">[submit "Send"]</div>
</div>

Is not as fancy as Gravity or Ninja but it also have an smaller price tag :-)

Hi Roberto,

thanks for feedback - that is very valuable for me!

Regards,
Juergen

Hi Roberto,

I applied your code and contact form7 looks great with that.

Thanks again!
Juergen

Roberto

Thanks very much for the code snippet you provided above.

It was exactly what I needed to solve a curly problem.

Anyone managed to achieve a two column form using GPs grid and Fast Secure Contact Form as I am running it on some other sites:

http://www.fastsecurecontactform.com/two-column-form

Kind Regards

Max