AI Search
Classic Search
Notifications
Clear all
How-to and Troubleshooting - wpForo 2.0
5
Posts
3
Users
2
Reactions
1,581
Views
Jul 22, 2022 8:53 pm
I want to change upvote and downvote icons.
I saw on the HTML side that the icons are rendered using font awesome:
<i class="wpforo-voteup fas fa-play fa-rotate-270 wpfcl-0" data-type="reply" data-postid="22"></i>
I wanted to change that output but in the wpf-theme > classic > layouts > 3 that HTML is rendered with a function:
<?php wpforo_post_buttons( 'icon-text', 'positivevote', $forum, $topic, $post ); ?>
From this point I stucked: how can I change the icon?
The page I need help with
4 Replies
Jul 23, 2022 2:08 pm
Yes, it could be ok.
The idea is to use the thumb up https://fontawesome.com/icons/thumbs-up?s=solid and thumb down https://fontawesome.com/icons/thumbs-down?s=solid
Jul 23, 2022 5:09 pm
add this to custom css
#wpforo #wpforo-wrap .wpf-positive .fas.fa-play.fa-rotate-270::before {
content: "\f164";
transform: rotate(90deg)!important;
display: inline-block !important;
}
#wpforo #wpforo-wrap .wpf-negative .fas.fa-play.fa-rotate-90::before {
content: "\f165";
transform: rotate(270deg)!important;
display: inline-block !important;
}
Dashboard > Forums > Settings > Style (custom css)
Jul 24, 2022 11:55 am
Amazing 🙂