Clear all

Change the like icon after a post has been liked

3 Posts
2 Users
3 Reactions
Posts: 94
Topic starter
Estimable Member
Joined: 9 months 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
Posts: 10544
Support Team
Joined: 8 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.

1 Reply
Joined: 9 months ago

Estimable Member
Posts: 94

@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;