Adding a little heart etc. to "like"

[rotpar]

Hi there,

How could I add a little heart or thumbs up to the "Like" option in every post?
I also would want to show this heart below where you can read "xxx likes that". Would be great if I could add it on the left side to where the like message is.

Thank you

 

[Paul B]

Try adding a background image to .message .likesSummary in EXTRA.css.

 

[MattW]

EXTRA.css

/* LIKE ENHANCEMENTS */
.message .likesSummary {
  background: url("@imagePath/xenforo/gradients/liked-grad.png") repeat-x scroll center bottom #F6F6F6
}
 
.message .LikeText {
  background: url('http://cdn.z22se.com/xenforo/thumb_up.png') no-repeat 5px 50%;
  padding: 2px 2px 2px 25px;
}
/* END LIKE ENHANCEMENTS */

Gives:

 

[rotpar]

Awesome thx

 

[rotpar]

Ok I got this, but how do I get it on the like link?

 

[Russ]

Could try something like...

.publicControls .LikeLink .LikeLabel {
    background: url("http://www.connectionone.org/wp/wp-content/uploads/facebook-like-icon.png") no-repeat scroll 0 -3px transparent;
    padding-left: 20px;
}

Haven't tested it fully ;p

 

[rotpar]

That's it, thank you