AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

Change the like icon after a post has been liked

3 Posts
2 Users
2 Reactions
1,364 Views
Posts: 113
Topic starter
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
(@vanessa)
Estimable Member
Joined: 3 years ago
[#50764]

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.

 Screenshot 2023 12 04 at 8.56.31 PM

2 Replies
Robert
Posts: 10749
Admin
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
(@robert)
Support Team
Joined: 3 months 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: 3 years ago

Estimable Member
Posts: 113
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

@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
Share: