XF 2.2 Removing reactionBar like thumbs-up icon

[Mouth]

Core xF has the thumbs-up icon beside the Like text on the reactionBar (eg. bottom right on this post)
I've added extra.less customisation to put a thumbs-up icon before the reactionBar, font hidden the xF core icon and text, and js-react to show the core xF icon and text on hover-over. Thus, I get a double thumbs-up icon when the reactionsList is shown ...



How can I remove the thumbs-up icon from the core xF Like reactionBar and thus remove the duplicate?

 

[taboot]

same
i want to remove thumb up

 

[Old Nick]

Try this in extra.less template

.reaction.reaction--imageHidden.reaction--1 i {
    display: none;
}

 

[taboot]

I dont want to hide it all ,
I just want to hide thumb up "like" ..

 

[taboot]

anyone know please ?

 

[kelle67]

@taboot I tried this for a few months and I didn't find a solution and gave up.
It seems to be impossible l.

 

[Mendalla]

I think the problem is that the thumbs-up used to be the only reaction. We had "Like" instead of Reactions up until XF 2.1 came out. So when they introduced reactions, XF made that thumbs-up a default that cannot be turned off, probably due to the need to keep it active for old posts that had "likes" on them from before the introduction of reactions. I am speculating, but that seems like a likely reason for it not being able to be turned off. I suppose that should not be an issue for newer boards that started on 2.1.0 or later so maybe disabling the Like reaction could somehow be allowed on those sites? Which would be have to be made as a suggestion.

 

[Mr Lucky]

XF made that thumbs-up a default that cannot be turned off,

The css in post 3 above seems to work though.

 

[Mendalla]

The css in post 3 above seems to work though.

But the response in post 5 sounds like that css removes the whole bar, not just the Like as we are discussing.

 

[Old Nick]

 

[Mr Lucky]

Maybe we are talking about different things. I am talking about just removing the thumbs up icon:

 

[taboot]

yes, i want to only remove the thumb -up icon.
i try this code

Try this in extra.less template

.reaction.reaction--imageHidden.reaction--1 i {
    display: none;
}

but if i have another word reverse the word 'display'
perhaps it will work!