Jan 29, 2019 5:05 pm
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
5 Replies
Jan 30, 2019 2:01 pm
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;
}
Jan 30, 2019 2:30 pm
Wow.... Thanks, it work like a charm. Of course I've been leave a good review on plugin page, 5 stars
Jan 31, 2019 10:05 am
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;
}
