{"id":192,"date":"2012-04-30T17:17:37","date_gmt":"2012-04-30T22:17:37","guid":{"rendered":"http:\/\/jamesroberts.name\/blog\/?p=192"},"modified":"2012-04-30T18:15:20","modified_gmt":"2012-04-30T23:15:20","slug":"addthis-pintrest-button-hack-to-look-better-in-32x32-format","status":"publish","type":"post","link":"https:\/\/jamesroberts.name\/blog\/2012\/04\/30\/addthis-pintrest-button-hack-to-look-better-in-32x32-format\/","title":{"rendered":"AddThis Pintrest button hack to look better in 32&#215;32 format"},"content":{"rendered":"<p>Today I had to add a Pinterest Share button on our website, and run it through our AddThis account so we can track the analytics.\u00a0 Unfortunately, there are only two options for the Pinterest button via AddThis, neither of which look good along side our 32&#215;32 style share buttons.\u00a0 So, I decided to hack it up =)<\/p>\n<p>If you apply a fixed height to the a tag which holds the Pinterest button&#8217;s iframe, then set overflow to hidden, then apply a negative margin to the nested iframe, you can essentially get rid of that pesky count bubble that will not go away.<\/p>\n<p>Resulting css is something like:<\/p>\n<pre lang=\"css\">\r\n\r\n\t.addthis_toolbox > a.addthis_button_pinterest_pinit{\r\n\t\tmargin:8px 0px 4px;\r\n\t\theight:24px;\r\n\t\toverflow:hidden;\r\n\t\tvertical-align:baseline;\r\n\t}\r\n\t.addthis_toolbox > a.addthis_button_pinterest_pinit &gt; iframe{\r\n\t\tmargin-top:-34px;\r\n\t}\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Today I had to add a Pinterest Share button on our website, and run it through our AddThis account so we can track the analytics.\u00a0 Unfortunately, there are only two options for the Pinterest button via AddThis, neither of which look good along side our 32&#215;32 style share buttons.\u00a0 So, I decided to hack it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/posts\/192"}],"collection":[{"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":3,"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jamesroberts.name\/blog\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}