Changed reaction icon not displaying

[anon48433008]

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

[Arkshine]

You can look at a solution here:

Discourse Reactions does not support non-regular free icons(far- prefix is added to like icon)

The icon works if you can’t like it anymore, but not when you can. [image] Looking at the code, when you liked already: When you did not like yet: It expects a far— version, which doesn’t seem to exist for beer. A quick solution in your case is to use the API to replace the far-beer, for example: <script type="text/discourse-plugin" version="0.8"> api.replaceIcon("far-beer", "beer"); </script> I don’t know if a new setting should be introduced here or add some logic to …

[anon48433008]

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

Pasting images buggy results

Look at the image links and how they differ from the preview window [image] and the results once posted are the correct images but stretched [image] I installed all these yesterday, activated signatures , reaction and encryption, have another thread where I am trying to get svg for like working in case its related - git clone https://github.com/discourse/discourse-reactions - git clone https://github.com/discourse/discourse-adplugin - git clone https://github.com/discourse/discourse-affi…

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