Plugin changes the way images are displayed in posts

  • When I activate this plugin, the layout of images I have in my posts change. My images are loaded from my NextGen Gallery into my posts. I have a number of pages where I insert two or three images side by side. Once I activate this plugin, they display in a single vertical column and the anchor/link area to view the full size image now spans the entire page width. When deactivated, the anchor/link area is confined to the image itself.

    I currently have the plugin deactivated because of this, but you can see an example of how the page normally looks and acts. The pictures on this page would all be in a single column if the plugin were activated, and you could click all the way to the right of the images instead of just on the image to view a larger version.

    https://blog.monafamily.com/its-getting-close/

    https://www.ads-software.com/extend/plugins/pinterest-pin-it-button-for-images/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Have encountered the exact same problem..
    my social media buttons which usually are in one line, are now one underneath each other.

    Wonder if there is a way to “disable” pinterest pin with a shortcode or something on particular pages?

    Same problems as well here.

    futureBLU

    (@splattermusic)

    Same issue here. Images go from side-by-side to vertical. It’s the one thing making this plug-in not PERFECT.

    SOLUTION!

    In WordPress when you place images next to each other in the content, the plugin places a <span> tag around the image. This span tag has got a class “.pibfi_pinterest”. This class has a style “display: block;” which makes images placed next to each other display underneath each other.

    So I just changed that to display: inline-block;

    So go to your plugin folder and open the stylesheet called ppibfi_pinterest.css and find this class:

    .pibfi_pinterest {
	position: relative;
	display: block;
}

    Change that to:

    .pibfi_pinterest {
	position: relative;
	display: inline-block;
}

    Your images will now display next to each other.

    Thanks @francdore…that works, however, if you center your images, it ends up left aligning them. Hmmm..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Plugin changes the way images are displayed in posts’ is closed to new replies.