WordPress.org

Ready to get started?Download WordPress

Forums

Pinterest Pin It Button For Images
Plugin changes the way images are displayed in posts (6 posts)

  1. pmona
    Member
    Posted 1 year ago #

    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.

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

    http://wordpress.org/extend/plugins/pinterest-pin-it-button-for-images/

  2. happyches
    Member
    Posted 1 year ago #

    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?

  3. krystyn
    Member
    Posted 1 year ago #

    Same problems as well here.

  4. futureBLU
    Member
    Posted 1 year ago #

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

  5. francdore
    Member
    Posted 1 year ago #

    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.

  6. krystyn
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.