Custom like button

• 

  aliceheavey · Member · Dec 9, 2010 at 9:37 am

  • Copy link
  • Add topic to favorites

  http://hulda.chic.se/
  That blog has got a like button, below each post, that looks like a star. I’d like a like button below all my posts, also in the front page. I’m not interested in the already existing one, I want one looking like the one in her blog. And I know that her blog is a WP.org one but is there any way for me to get something like it? Some custom like button?

  And I’m not interested in the rating option.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Dec 10, 2010 at 1:05 am

  • Copy link

  I could be wrong but I sense that this is not a CSS customization issue. Please be patient while waiting for 1 of the 2 Volunteers who help with CSS to answer you definitively.

• 

  hallluke · Member · Dec 10, 2010 at 3:18 am

  • Copy link

  Add the “like” button to your posts in Settings > Sharing from your dashboard (I think you can do this on a post-by-posy basis too). Then try using the following CSS:

  #wpl-button {border:none!important; background:transparent!important; width:20px; overflow:hidden;}
  #wpl-button a.like {background:url("http://hulda.chic.se/wp-content/plugins/gd-star-rating/thumbs/chic/thumbs20.png"); padding:0;}
  #wpl-button a.like:hover {background-position:0 40px!important;}

  It is good manners to upload the star image file to your media library and change the URL rather than hot-linking. You could even create your own custom image and use that instead.

• 

  hallluke · Member · Dec 10, 2010 at 3:19 am

  • Copy link

  Forget that. Use the advice on the support page to upload your own image as mentioned in the other thread here.