Contact Form 7 Issues

mwmdesign · April 2015

Hello,

I have some layout issue problens with contact form.

I can´t define size for Label.

And i need to put label side by side like this exemple: Phone number: [tel* tel-795 2/2] [tel* tel-796 2/10]. But it don't work because the labels only taking full size.

Thank You!

Máximo W.

Albert · April 2015

Hi,

Did you tried to wrap fields into column shortcodes? Something like below:

<div class="column one-third"><label>Name:</label>[text* your-name]</div>
<div class="column one-third"><label>E-mail address:</label>[email* your-email]</div>
<div class="column one-third"><label>Subject:</label>[text your-subject]</div>
<div class="column one"><label>Message:</label>[textarea your-message]</div>
<div class="column one">[submit "Send message"]</div>

mwmdesign · April 2015

Still not working. They don't understand the label size 2/

the maxlength is working fine.

I try to put under <p> <td> and now <div>, but no one works.

Albert · April 2015

But in our theme we do not use CF7 sizes. As we wrote above, we wrap all fields into theme html tags or shortcodes. This is the most safety way to keep fields with right sizes. And the code we sent you above, works on 100% because we use the same one on our demo.

mwmdesign · April 2015

Ok. How i made like Be Safari?

Albert · April 2015

Do you mean whole demo like Be|Safari?

mwmdesign · April 2015

No, only the contact form.

Albert · April 2015

On Be|Safari demo for form we used below code:

<div class="column one-second">[text* your-name placeholder "Your name"] </div>
<div class="column one-second">[email* your-email placeholder "Your e-mail"] </div>
<div class="column one">[text your-subject placeholder "Subject"] </div>
<div class="column one">[textarea your-message x5 placeholder "Message"]</div>
<div class="column one">[submit "SEND A MESSAGE"]</div>

mwmdesign · May 2015

How i change the color of the form? In Be|Safari is white, how i change to black?

Albert · May 2015

Do you mean border colors around fields or what? Will be great if you can send us url to page where you got this form and we'll tell you how to change the color you want.

mwmdesign · May 2015

Is the border colors around fields. Is just i light gray, my client have difficulty to see than and i need the authorization from than to make website public, is not yet finished.

Albert · May 2015

You can try below css to do this but if this won't help, then we need url to page where you got form:

.dark input[type="text"], .dark input[type="tel"], .dark input[type="password"], .dark input[type="email"], .dark textarea, .dark select, .dark .woocommerce .quantity input.qty { border-color: #000 !important; }

mwmdesign · May 2015

Don't work. Page URL: www.techjet.com.br

mwmdesign · May 2015

Or try this one: http://108.167.132.42/~techj927/contato/

Albert · May 2015

Ok. In your case below css should work then:

span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea { border-color: #FFF !important; }

mwmdesign · May 2015

Works Great. Thank You. One last question. On Google Chrome the Menu dropdown in form don't have arrow. In Firefox is working. That something i can do?

Albert · May 2015

Yes, you can update theme to recent version because this was fixed.

mwmdesign · May 2015

Thank You!

Albert · May 2015

You're welcome

Contact Form 7 Issues

Comments