AI Search
Classic Search
Notifications
Clear all
Jan 29, 2019 9: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 6: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 6:30 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Wow.... Thanks, it work like a charm. Of course I've been leave a good review on plugin page, 5 stars
Jan 30, 2019 8:20 pm
How to center image avatar?
Jan 31, 2019 2:05 pm
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;
}