Notifications
Clear all

Style [Solved] Login on mobile

4 Posts
2 Users
2 Reactions
629 Views
Posts: 29
Topic starter
(@jasper)
Eminent Member
Joined: 1 year ago

Hi, all!

Does anyone else have this problem when viewing the login page in mobile view only?

The password box is too big (I think!), the 'Create account' is out of alignment, and there's a grey bar underneath it that I think shouldn't be there.

Both 'Register' and 'Log in' look good on a PC, and 'Register' looks good on my mobile. The only issue is with 'Log in' using mobile view.

3 Replies
Tutrix
Posts: 1357
(@tutrix)
Noble Member
Joined: 4 years ago

Hi @jasper

add this to custom css

#wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-table .wpfw-1 .wpf-field:nth-child(2n) {
 background-color: transparent !important;
}

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS

Posts: 29
Topic starter
(@jasper)
Eminent Member
Joined: 1 year ago

Great job!
Looks perfect now.
Many thanks!

Tutrix
Posts: 1357
(@tutrix)
Noble Member
Joined: 4 years ago

Hi @robert

I think this is an outdated CSS code that can be removed in the next update

style.css Line 1357

#wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-table .wpfw-1 .wpf-field:nth-child(2n) {background-color: #eeeeee;}