Viewing Form and advanced form
Form and advanced form
|
User: Simon C. 6 years ago
|
|
|
Hello, When using either of these widgets, publishing and viewing....... the input text on a mac, iPhone and iPad is very small. What am I doing wrong ? On an iPhone its totally illegible. |
|
 Screen Shot 2018-04-19 at 16.54.33.png |
|
|
User: Roddy 6 years ago
|
|
|
Can you post a link to the mobile page with the form on it?
------------------------------- 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. |
|
|
User: Simon C. 6 years ago
|
|
| http://www.simoncamper.com/contact-mobile.html | |
|
User: Roddy 6 years ago
|
|
|
You have set the font size to 10px. The minimum font size for a mobile page should be15px. form.ew_custom_contact_19 div.controltipstyle { font-family:'ArialMT','Arial';font-size:10px;color:#D5D5D5;text-decoration:none; } ------------------------------- 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. |
|
|
User: Simon C. 6 years ago
|
|
|
Hello and thank you. But, where and how do I change that ? |
|
|
User: Simon C. 6 years ago
|
|
|
I don't mean the Title texts like Name Phone Message etc, I can change those. What I mean is, that when you type any information into a field it is so small as to be illegible. |
|
|
User: Simon C. 6 years ago
|
|
| It appears to be the same on your site | |
|
User: Simon C. 6 years ago
|
|
| like here | |
 Screen Shot 2018-04-19 at 23.58.33.png |
|
|
User: Roddy 6 years ago
|
|
|
The contact form on the EverWeb Widgets site is a custom one. Since it too shows that behaviour we must assume it's an iOS problem. I have modified my own form and the Styled Contact Form widget in the Elements 3 pack to address the problem. Open either of the above forms in the browser, input some text and then reduce the browser width to see the font size increase with the width is less then 739px. The Styled Contact Form widget does have a lot more options than the EverWeb default one and allows the user input font size to be set. It now has an extra field for setting a larger size for mobile phones. If anybody who has purchased the Elements 3 pack wants a copy of the updated widget they should contact me. Since you are using the EverWeb form, paste this code into the Head Code box in the Page inspector... <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 !important} @media screen and (max-width:739px){ .ew_cf input[type="text"],.ew_cf input[type="tel"],.ew_cf input[type="email"], .ew_cf select, .ew_cf textarea { font-size:17px !important} } </style> The first value for font-size sets the size for the user inputs. The second one - enclosed in the media query - sets the size on iPhones in landscape mode. Change the value for max-width to 599px if the change should only take place when the phone is in portrait mode. ------------------------------- 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. |
|
|
✔ Best Answer
|
|
|
User: Simon C. 6 years ago
|
|
|
Thank you Roddy ! It worked. Whatever Rage aren't paying you it isn't enough. For the record.....The small wield entry text issue was happening on Apple / iOS and Samsung / Android. The submit button is teeny but I'll use the advanced widget and use a custom image. Once again, thank you. |
|
| Post Reply |
| You must login or signup to post. |