A user (anon48433008) changed the default like reaction icon to a “beer” icon using Font Awesome, but it wasn’t displaying when giving reactions. They also changed the color of the icon using CSS (common.css). After some help from Arkshine, they were able to fix the issue using a script found on the Discourse Meta forum. However, the CSS code used to change the icon color caused other issues, such as problems with pasting images. The problematic CSS code is .discourse-reactions-actions.has-reacted.has-used-main-reaction .discourse-reactions-reaction-button .reaction-button .d-icon { color: #ffd000;}.
Need some help anyone please
I placed beer for a like icon
and got the color changed with a component
common css
.discourse-reactions-actions.has-reacted.has-used-main-reaction .discourse-reactions-reaction-button .reaction-button .d-icon {
color: #ffd000;
}
past beers I have given, all is well
one’s I get, good I’m happy
but nothing shows to give one
Can anyone help with getting the giving a beer to show please?
Thank you 
You can look at a solution here:
excellent, I placed your script in a component head I had working on beer color
and it worked, thank you!
but it seems what I was doing for beer color caused other issues
is there some bad recipe here for icon color?
.discourse-reactions-actions.has-reacted.has-used-main-reaction .discourse-reactions-reaction-button .reaction-button .d-icon { color: #ffd000;}
