How to hack the default pintrest button to be larger
Ever wanted to use the default Pintrest button but wanted to make it a little larger? With a little CSS hacking it's pretty simple. It is important here to include a wrapper around the button in order to have a more specific target than the default styles from Pintrest.
<div class="pintrest-button"> <a data-pin-config="none" href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png"></a> </div>
.pintrest-button a[class*='PIN_'] { background-size: 50px 69px!important; background-position: 0 -23px; height: 23px!important; width: 50px!important; } .pintrest-button a[class*='_hazClick'] { background-position: 0 -46px!important; }