Notifications
Clear all

wpForo 1.x.x [Solved] widget gets messy

6 Posts
2 Users
2 Likes
931 Views
wifiman
Posts: 5
Topic starter
(@wifiman)
Active Member
Joined: 4 years ago

I put the login widget on all pages looking neat, but when I place it on the wpforo the widget gets messy, please help...

Homepage:  https://ngopikita.com/
wpforo:  https://ngopikita.com/komunitas

 

Topic Tags
5 Replies
Sofy
Posts: 4057
 Sofy
Admin
(@sofy)
Support Team
Joined: 5 years ago

Hi @wifiman,

Please navigate to Dashboard > Forums > Settings > Styls admin page, add the following CSS code in "Custom CSS code" textarea, save it, delete all caches, do CTRL+F5 on forum frontend.

span.apsl-login-text, span.apsl-long-login-text {
display: none !important;
}
.apsl-icon-block {
display: inline-block;
margin-right: 10px !important;
}

.apsl-icon-block>i {
vertical-align: middle !important;
font-size: 20px !important;
}
#wpforo #wpforo-wrap .apsl-icon-block i.fa.fa-instagram, #wpforo #wpforo-wrap .apsl-icon-block i.fa.fa-linkedin, #wpforo #wpforo-wrap .apsl-icon-block i.fa.fa-facebook, #wpforo #wpforo-wrap .apsl-icon-block i.fa.fa-twitter, #wpforo #wpforo-wrap .apsl-icon-block i.fa.fa-google {
color: #FFF;
}
.login-form input[type="password"], .login-form input[type="text"]{
width: 100% !important;
}
Reply
1 Reply
wifiman
(@wifiman)
Joined: 4 years ago

Active Member
Posts: 5

Wow.... Thanks, it work like a charm. Of course I've been leave a good review on plugin page, 5 stars

Reply
wifiman
Posts: 5
Topic starter
(@wifiman)
Active Member
Joined: 4 years ago

How to center image avatar?

 

Reply
Sofy
Posts: 4057
 Sofy
Admin
(@sofy)
Support Team
Joined: 5 years ago

Thank you @wifiman,

This CSS code should center the avatars. Please add this code too in "Custom CSS code" textarea.

.author-avatar {
display: block !important;
}
.login-widget .is-logged-login .author-avatar {
margin: 0 auto 10px !important;
}
Reply
wifiman
Posts: 5
Topic starter
(@wifiman)
Active Member
Joined: 4 years ago

It works.. Thank you @Sofy  👍 

Reply
Share: