Skip to main content
ahamburg9
ahamburg9
Helper ⭐️⭐️
Apr 15, 2025 1:55 AM UTC
Solved

Like Button - in Community

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

    ahamburg9
    ahamburg9Answer
    Helper ⭐️⭐️
    Apr 15, 2025 2:56 PM UTC

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

    View in thread

    4 replies

    ahamburg9
    ahamburg9Author
    Helper ⭐️⭐️
    Apr 15, 2025 2:24 AM UTC

    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.

    Translate
    Kenneth R
    Kenneth R
    Expert ⭐️⭐️
    Apr 15, 2025 10:40 AM UTC

    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.  

    Translate
      ahamburg9
      ahamburg9AuthorAnswer
      Helper ⭐️⭐️
      Apr 15, 2025 2:56 PM UTC

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

      Translate
        Kenneth R
        Kenneth R
        Expert ⭐️⭐️
        Apr 16, 2025 8:16 AM UTC

        Awesome stuff ​@ahamburg9 !

        Translate
        Terms & ConditionsAccessibility statement