I'm sure I must be overlooking something super simple here.
Here's the deal, I'm using the Pinterest Button For Images plugin which floats a little pin me button over each image.
But I have set up my CSS to automatically center my images unless I specify it not to. I did this with a CSS insert like so:
Code:
padding: 5px; border: none; display: block; margin-left: auto; margin-right: auto;
I'm thinking perhaps I need to add another section of CSS to this code in the plugin but I'm a little stumped on where to start.
This is the bit of CSS in the Pinterest plugin that I am working with:
Code:
.pibfi_pinterest { position: relative; display: block; } .pibfi_pinterest .xc_pin { width: 64px; height: 64px; /* Please note that the button is 80px x 50px. If you use a different size button, change this */ background-image: url('ppibfi_button.png'); background-repeat: none; /* This is the buttons image. Image can be found in the plugin folder */ position: absolute; display: block; top: 5px; margin-left: -1px; opacity: 0; cursor: pointer; display: none; } .pibfi_pinterest img.left + .xc_pin { margin-left: 0; }