Notifications
Clear all

Style [Solved] Fields zoom in on iPhone

11 Posts
3 Users
1 Likes
635 Views
danniee
Posts: 264
Topic starter
(@danniee)
Reputable Member
Joined: 3 years ago

Bump. Any way I can increase the font size for the input field for login? I assume it should something to do with this:

wpf-login-text
#wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap

font-size: 17px;

1 Reply
Robert
Admin
(@robert)
Joined: 7 years ago

Support Team
Posts: 9912

@danniee,

Try this CSS code. Put it in Dashboard > Forums > Settings > Styles Tab > Custom CSS Code textarea, save it, delete all caches, and use private/incognito tab of mobile device browsers to avoid those hard caches and see the changes:

@media screen and (max-width: 1000px) {
    #wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap input[type="text"], #wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap input[type="password"], #wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap input[type="email"], #wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap input[type="checkbox"], #wpforo #wpforo-wrap .wpforo-login-wrap .wpf-field .wpf-field-wrap input[type="radio"] {
        font-size: 17px!important;
    }
}
danniee
Posts: 264
Topic starter
(@danniee)
Reputable Member
Joined: 3 years ago

Hi @robert that worked like a charm!! Thank you so much 🙂

Page 2 / 2