jQuery Pin It plugin is adding Padding to Post Images

I WANT my images to touch… at first when the page loads it looks like it is right then 2 seconds later it jumps apart with about 5px of padding above and below images. You can see an example of this on my site:
https://www.cjphotogallery.net/sara-jon/

Hi Chelsea,

you need to change the css somehow – line 1 in the file https://www.cjphotogallery.net/wp-content/plugins/jquery-pin-it-button-for-images/css/style.css?ver=0.9.95 has a class called pinit. You should be able to override this in your own stylesheet by adding body in front of the .pinit selector.

Changing the display property from inline-block to none Should do the trick. It should look like the following…

body .pinit {
display: none;
}

Regards,

James

James…. you just made my day! Thank you!!!

No problem ??

So I lied… that fixed the padding problem but added two others…
It then started skipping every other photo on my homepage slideshow and also moved the pin it button on blog posts to about the top middle of the images… ekkk.. i’m not strong with code… that is for sure!

I changed it then to block instead of your suggestion of none and I THINK that did the trick! You still got me to where I needed to be!

It doesn’t place the pin it button on all of my images (shows up on every other) in the home page slideshow BUT beggers can’t be choosers… it is a free plug in and the fact that it does as much as it does makes me happy!

@chelsea: Hi, could you please update the plugin and let me know it the issue still occurs?

The plugin still only appears on every other image in the slideshows no matter if it’s on the ‘home’ page or the ‘portfolio’ page.

You can see what I mean at: https://www.cjphotogallery.net/home/

Thank you for looking into it!

@chelsea: I’ve checked out the gallery and for now I don’t have any ideas regarding solving that issue. All galleries are different when it comes to the HTML code they generate, so I probably won’t be able to solve this problem in a way that it will solve problems with other galleries.

For now, I suggest turning the plugin off on the gallery page. I believe it’s possible to solve the problem in this specific case, but that would require some custom-tailored code especially for this case and that’s not an option for a plugin that should be pretty ‘generic’. I’m sorry.

Thank you @mrsztuczkens !

I completely understand! I still love what this plugin does for me and I think I may do what you said and just turn off the plug in on my gallery pages. Thank you again for taking some extra time researching this issue.

@chelsea:

Hi again. New version of the plugin is available. If you want to, please update it, set the mode to dynamic (in visual settings) and activate it on the gallery page. I’m not sure how it will work there, but I’d really like to find that out (if it won’t work well, you can deactivate it there). Please let me know if you’ll decide to try it out.

Thank you for keeping us in your thoughts Mrsztuczkens!

I updated and changed to dynamic mode as you suggested. I also activated the plugin on my other pages.

The ‘pin it’ still only appears on every other image in my galleries. I’m leaving the changes active so that you may take a peek if you would like.

https://www.cjphotogallery.net/home/
https://www.cjphotogallery.net/wedding/

Thanks for the update. Unfortunately, with both image protection plugin and this gallery it won’t work out.

My suggestions are:
– add pp-overlay as a disabled class, so the images will be pinned correctly
– switch back to ‘static’ mode
– disable the plugin on galleries