Align pinterest button on horizontal (bottom of post)
-
I’m using the digg digg buttons as horizontal icons below my posts. I’m using Tweet, Facebook Like, Google +, and Pinterest.
The first three align (more or less). The Pinterest button sits about 39 pixels higher than the first three and it’s blocking some of my links.
When I pull it up in chrome and do inspect element, I see this code:
a.PIN_1400130715332_pin_it_button_20 { cursor: pointer!important; background-repeat: none!important; background-size: 40px 60px!important; height: 20px!important; margin: 0px!important; padding: 0!important; vertical-align: baseline!important; text-decoration: none!important; width: 40px!important; background-position: 0 -20px; }
If I change the margin to this:
a.PIN_1400130715332_pin_it_button_20 { cursor: pointer!important; background-repeat: none!important; background-size: 40px 60px!important; height: 20px!important; margin: 39px 0px!important; padding: 0!important; vertical-align: baseline!important; text-decoration: none!important; width: 40px!important; background-position: 0 -20px; }
it aligns perfectly. However, I cant seem to find
a.PIN_1400130715332_pin_it_button_20
anywhere in the css files. I’ve tried adding the margin change in the css file and in the custom css field in my theme and I can’t get the margin change to override it.Is there some way I can override the margin on this so the pinterest button aligns properly?
To see an example, try this post: https://www.domesticsoul.com/2013/07/sprouted-lentil-soup-recipe.html (share buttons are at the bottom)
- The topic ‘Align pinterest button on horizontal (bottom of post)’ is closed to new replies.