- fa_daei July 21, 2017 at 4:07 pm
Hi,
I have created a contact form with Contact Form 7. It looks fine on Microsoft Edge but on Chrome there is no space between the first two fields.Here is my code:
<table width=”100%” border=”0″ cellspacing=”10px”>
<tbody>
<tr>
<td>[text* name-12 placeholder “Name”] </td>
<td>[email* email-219 placeholder “Email”]</td>
</tr>
<tr>
<td>[tel* tel-837 placeholder “Phone”]</td>
<td>[text* company placeholder “Company name”]</td>
</tr>
<tr>
<td colspan=”2″>[textarea* message placeholder “Message”]</td>
</tr>
<tr>
<td colspan=”2″>[submit “Send”]</td>
</tr>
</tbody>
</table>Thanks in advance!
Juanfra Aldasoro July 21, 2017 at 8:19 pmHi,
Thanks for writing. I hope you are doing well.
Ideally it would be better if you can use divs instead of tables, we have created some special CSS classes to have inline fields.
For your particular case, it would be something like this: https://gist.github.com/juanfra/452e6360f8ebc23af2defcaa947da12d
Please let me know how it goes.
Thank you very much,
Juan.Juanfra Aldasoro July 22, 2017 at 3:21 pmHi,
Thanks for the follow-up.
Sorry for that. I had to create a gist in order to share the full code with you.
So please try with the code that can be found here: https://gist.github.com/juanfra/452e6360f8ebc23af2defcaa947da12d
Or is that the one that you have tried already?
Best,
Juan.fa_daei July 25, 2017 at 3:10 pmYes you’re right, I already tried the code you created in the git and as I mentioned all the field disappeared: http://tescoconsulting.com/contacts-page/
Juanfra Aldasoro July 26, 2017 at 7:57 amHi,
Thanks for the follow-up.
Would you mind if I test to edit that form on your site?
Best,
JuanJuanfra Aldasoro July 26, 2017 at 6:27 pmHi,
Thanks for sharing your access details with me.
I’ve edited the “home page” form with the code I’ve sent you before and it is looking great to me! Would you please check it out and tell me if that’s what you were looking for?
Thanks,
Juan
This topic is marked as resolved
Only the topic author can re-open this thread.