Pinterest Button CSS Help....Overlooking Something Simple?
Hey Guys,
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; 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 { |
what is the URL pointing to the issue?
|
|
The element
HTML Code:
<span class="xc_pin" onclick="pin_this(event, 'http://pinterest.com/pin/create/button/?url=http://theadventurebite.com/best-quiche-recipe/&media=http://farm9.staticflickr.com/8377/8529567416_bbb832731f_z.jpg&description=Best Quiche Recipe')" style="display: block; left: 586px;"> </span> |
I see that, I'm not entirely sure what to do with it though.
This is the code within the PHP that is calling that: Code:
<span class="pibfi_pinterest"> |
Are you trying to float the pintrest button so it is centered on the image?
when I look at teh site, the image is centered and the pintrest button is at the top right have you asked the plugin author about the inline CSS? and exactly which pintrest plugin are you using? (url) |
Hi juggle dad,
I have emailed the developer with no reply. The button is supposed to float 15px margin from the top and 15px from the right hand side of the images so top right corner. To do this margin right does not work for some reason, he is using margin left with a negative margin. The plugin is http://wordpress.org/extend/plugins/...on-for-images/ When viewing my site what I see is the pin button in the top right for horizontal images but in the middle top for vertical images. |
Quote:
|
Yes, any of the images other than the very top one on the original link (I was messing with it last night). Or any images on this link: http://theadventurebite.com/poached-...aka-shakshuka/
|
The top image that looks correct on the main page is how I want it to appear but that only happens if I go in and manually set the image to be center aligned.
|
The plugin has a jscript that finds the imagewidth and subtracts the image width and sets the left there. You are going to have to modify that code.
|
All times are GMT -6. The time now is 05:34 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.