Skip to main content
Solved

Like Button - in Community

  • April 15, 2025
  • 4 replies
  • 29 views

ahamburg9
Forum|alt.badge.img+2

Does anyone know how to change the link button in the community?

Can this be done via control or is this custom .css?

 

Thanks!

Anthony

Best answer by ahamburg9

@Kenneth R 

Thanks for the assist.

 

Here is what I came up with!

 

On the main home page

.thread-meta-item--likes--liked .qa-topic-meta-likes-content {
color: #F3AB39 !important;
}

.thread-meta-item--likes--liked .icon--thumb-up {
color: #F3AB39 !important; /* Your custom color */
}

 

Not on the main page within articles, questions, etc.

.qa-like-link.is-active .post__action-link__text {
color: #F3AB39;
}

.qa-like-link.icon--thumb-up.is-active::before {
color: #F3AB39 !important;
}

 

Use at your own caution :)

4 replies

ahamburg9
Forum|alt.badge.img+2
  • Author
  • Helper ⭐️⭐️
  • April 15, 2025

I figured out this code to change the text -
 

.qa-like-link.is-active .post__action-link__text {
color: #692E53;
}

 

I code not figure out the code to change the like icon though.


Kenneth R
Forum|alt.badge.img+5
  • Expert ⭐️⭐️
  • April 15, 2025

Hi ​@ahamburg9 - yes this can be done using custom CSS.  I’m unfortunately not a developer myself, and I don’t want to subject you to my high-risk GPT-fueld coding adventures.  :) I do believe you’re looking for the element: .icon--thumb-up.  Do you have access to a front-end developer?  Otherwise, perhaps someone else here will chime in.  


ahamburg9
Forum|alt.badge.img+2
  • Author
  • Helper ⭐️⭐️
  • Answer
  • April 15, 2025

@Kenneth R 

Thanks for the assist.

 

Here is what I came up with!

 

On the main home page

.thread-meta-item--likes--liked .qa-topic-meta-likes-content {
color: #F3AB39 !important;
}

.thread-meta-item--likes--liked .icon--thumb-up {
color: #F3AB39 !important; /* Your custom color */
}

 

Not on the main page within articles, questions, etc.

.qa-like-link.is-active .post__action-link__text {
color: #F3AB39;
}

.qa-like-link.icon--thumb-up.is-active::before {
color: #F3AB39 !important;
}

 

Use at your own caution :)


Kenneth R
Forum|alt.badge.img+5
  • Expert ⭐️⭐️
  • April 16, 2025

Awesome stuff ​@ahamburg9 !