How-to and Troubleshooting
5
Posts
3
Users
2
Reactions
809
Views
Jul 22, 2022 4: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?
4 Replies
Jul 23, 2022 10:08 am
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 1: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)
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Jul 24, 2022 7:55 am
Amazing 🙂
