Like Button - in Community

Forum|Forum|1 year ago
April 15, 2025
4 replies
46 views

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 :)

ahamburg9Author

Helper ⭐️⭐️

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

Expert ⭐️⭐️

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.

ahamburg9AuthorAnswer

Helper ⭐️⭐️

@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

Expert ⭐️⭐️

Awesome stuff @ahamburg9 !

Didn't find what you were looking for?

Sign up

Welcome to the Gainsight Community