Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Change the like icon after a post has been liked

3 Posts
2 Users
2 Reactions
1,213 Views
Posts: 103
Topic starter
(@vanessa)
Estimable Member
Joined: 2 years ago

I'd like to have two different icons for the like indicator on a post.

When a user hasn't liked it, it shows an outline version, and then when a user has liked a post it shows a solid version.

How would I change the icon based on when a post has been liked or not?

For some context, we have users who struggle to see the different between a slightly different color outline icon, and would prefer it worked like other social media sites.


2 Replies
Robert
Posts: 10600
Admin
(@robert)
Support Team
Joined: 10 years ago

Hi @vanessa,

The like button changes its color indicating that you've already reacted for this post. I think the color says more than the icon outline:

We don't have solution for changing icons and outlines yet. I'll ask our team to add this in our to-do list, but I cannot provide any ETA for this feature.


Reply
1 Reply
(@vanessa)
Joined: 2 years ago

Estimable Member
Posts: 103

@robert Thanks.

I think some of the older members of our forums may be having a difficult time easily distinguishing the colors alone.

In the meantime before we can make it fully solid we've made a slight tweak to make the outline a little bolder using this CSS.

#wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-up {
-webkit-text-stroke-width: 1px;
}


Reply