• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Adding a little heart etc. to "like"

#1
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
 

MattW

Well-known member
#3
EXTRA.css

Code:
/* 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:
like.PNG
 

Russ

Well-known member
#6
Could try something like...

Code:
.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