Viewing Contact Form / Advanced on mobile text issue

Contact Form / Advanced on mobile text issue



User: Simon C. 6 years ago
Hello,
I'm building a mobile website and using the widget/s above.
In both cases, when entering anything into the information fields
on an iPhone the text is so small as to be almost illegible .

Image attached. Any ideas gratefully received. Thank you.

Last edit 6 years ago
User: Simon C. 6 years ago
User: Roddy 6 years ago
You can change the font size of the inputs by pasting some styles into the Head Code box in the Page inspector.

For the contact form ...

<style>
.ew_cf input[type="text"],.ew_cf input[type="tel"],.ew_cf input[type="email"], .ew_cf select, .ew_cf textarea {font-size:15px}
</style>

For the advanced form ...

<style>
.ew_cfad input[type="text"],.ew_cfad input[type="number"],.ew_cfad input[type="tel"],.ew_cfad input[type="email"],.ew_cfad input[type="date"],.ew_cfad input[type="url"], .ew_cfad select, .ew_cfad textarea {font-size:15px}
</style>

Change the value of the font-size property to whatever you want.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.