Custom buttons - pinterest and google plus icons not 16x16 like the rest...

jabbamonkey Mar 28, 2012 08:54PM EDT

First off, for some reason this forum doesn't let me post the carrot character, so the html code below has the carrots removed...

The icon for PINTEREST isn't the same size as the rest of the buttons (which are all 16x16)... The GOOGLE PLUS icon is also larger than 16x16 and has a counter...

div class="addthis_toolbox addthis_default_style " /a
a class="addthis_button_facebook" /a
a class="addthis_button_twitter" /a
a class="addthis_button_pinterest" /a
a class="addthis_button_google_plusone" /a
a class="addthis_button_email" /a
a class="addthis_button_compact" /a
a class="addthis_counter addthis_bubble_style" /a
/div

We tried using our own images for the buttons, but it didn't work. It overlayed the new 16x16 icon that we created ontop of the larger images (so the larger image was poking out underneath).

So, we found a solution for the PINTEREST icon (see below). It works, but there is no hover (which isn't a big deal).

div class="pinterest-ico"
a href="http://pinterest.com/pin/create/button/?url=http://www.fastlifeshow.com/aaron-ross"
img src="/images/small-p-button.png" width="16" height="16" alt="Pinterest"
/a
/div

For GOOGLE PLUS, we just replaced it with the generic GOOGLE icon (which is NOT ideal).

The problem is... we need the google plus icon to work at 16x16. And would like a regular pinterest icon at 16x16. Also, the counter does not work on the addthis code for our site...
http://www.fastlifeshow.com/aaron-ross (we have the code added at the top and bottom of the article)

Please help.

Up 0 Rated Down
Paul (AddThis Happiness Specialist) Apr 02, 2012 04:15PM EDT
Here's what I get when I put the Google Plus One button inside a 16x16 toolbox: http://i.imgur.com/hfwm4.png

What should the count be on that article? I was able to share the page and have the counter increment
Up 0 Rated Down
jabbamonkey Apr 05, 2012 02:19PM EDT
What code did you use? The code I used above put in a larger icon...

Any idea how to get the pinterest to work at that size?
Up 1 Rated Down
Paul (AddThis Happiness Specialist) Apr 05, 2012 02:53PM EDT
Here's the code I used:

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>

The Pinterest button currently doesn't support a smaller size but we're working with them to have it available
Up 3 Rated Down
sirdufus Apr 07, 2012 11:32PM EDT
I use the same code as you posted but still have to solve the pinit size issue as well. Adding my vote for pinit 16x16 icon support.

Could you not implement this one in the meantime?
http://passets-cdn.pinterest.com/images/about/small-p-button.png
Up 2 Rated Down
maryjanesfarm Apr 11, 2012 04:34PM EDT
I agree. A 16x16 red "P" button, please.

I know there's options for switching pieces on other buttons, like turning counter bubbles on/off for Facebook, Twitter... So perhaps a "PinIt" vs "P" option for Pinterest?
Up 1 Rated Down
sirdufus Apr 12, 2012 03:58AM EDT
Any chance of an update to this question? This will make me happy!
Up 7 Rated Down
luclatulippe Oct 25, 2012 07:12PM EDT
Use this code for the 16x16 Pinterest button:
<a class="addthis_button_pinterest_share"></a>

This question is closed to new answers.

Still need help?


General Topics

 

Developers