Support » Plugin: Thumbs Rating » Vote Up Replace text with images.

  • Resolved mikelangel001


    Hi Ricard, the first thing is to congratulate you for the excellent plugin.

    I want to make a small change and do not like. I need that instead of text appearing Up Vote – Vote Down some icons appear “images” instead.

    I tried to do it this way but obviously does not work:

    $ link_up = '". <span class = rating-thumbs-up' (? (isset ($ type_of_vote) && ($ type_of_vote == 1)) 'rating-thumbs-voted':''). '" onclick = "thumbs_rating_vote (1 '$ post_id..'); "data-text =" '. __ (' <img src = /> ',' thumbs-rating ').' "> + '. $ thumbs_rating_up_count. '</ span>';

    Any way you can do it?

    Thank you very much, and congratulations on your work again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Ricard Torres


    Hi there,

    You would have to use only CSS to achieve this. You’ll need to override the plugin styles with yours.

    Try something like this in your style.css (inside your theme folder):

    .thumbs-rating-container span:before{ content = ''; }
    .thumbs-rating-container .thumbs-rating-up, .thumbs-rating-container .thumbs-rating-up{
      background-image: url(;
       height: 100px;
      width: 100px;
      display: block;

    As you can see in the code above I’ve set a background image to the button. I’ve also added some width and height, as well as the display block.

    Give it a try and customise it to fit your needs.

    Perfect! Thaks! 😀

    If you were to use thumbs up/down icons of FontAwesome, you can add the following to your stylesheet:

    Looks like the code editor “eats” some of my code, here is a Gist then.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vote Up Replace text with images.’ is closed to new replies.