WordPress.org

Ready to get started?Download WordPress

Forums

Pretty Pinterest Pins
Place thumbnails side by side (7 posts)

  1. sydster145
    Member
    Posted 1 year ago #

    Hi, my pinterest pictures are showing vertical in one row. I would like to have them show side by side. I found in another thread where you said to add the following code to the stylesheet.

    #pretty-pinterest-pins-widget li{
    float: left;
    padding-right: 15px;
    }

    I tried this but it didn't change. Does it matter where in the style sheet you put it? Or do you have another solution to this?

    My site is lifeencouraged.com if you want to take a look at it.

    Thanks!

    http://wordpress.org/extend/plugins/pretty-pinterest-pins/

  2. mello1
    Member
    Posted 1 year ago #

    Side by side suggested code is not working for me either. Pity, but at least the plugin works!

  3. mello1
    Member
    Posted 1 year ago #

    Fixed - using Pinboard theme and by relocating the widgets into the top sidebar (not left, right or bottom sidebar) the Pretty Pinterest plugin displays side by side after all!! See glassceiling.info - Seems to be theme-dependant rather than an issue with the plugin design. Thanks jowkli!

  4. mello1
    Member
    Posted 1 year ago #

    Note to developer - would be good to keep the height of each entry consistent - will see if I can find a way to do that with limited skill.

  5. jowilki
    Member
    Plugin Author

    Posted 1 year ago #

    Hi mello1, glad you found a solution to the problem. One of the big challenges with developing wordpress plugins is maintaining interoperability with the thousands of themes that are available. The styles have to written loosely enough so they look good with the majority of them.

    Often there are themes that override the standard sidebar and the default styles of my plugin. The good part about that is pretty much everything in the plugin is customizable with CSS (and Javascript, for the more advanced folk). If you'd like the height of the pin images to be the same on your site, you can add custom CSS tags in your theme's stylesheet. For example, the code below will make your images 150px tall.

    ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin div.pretty-pinterest-image img{
    height: 150px;
    }

    However, manually specifying height can make your images look squashed which is why I don't include that by default.

  6. brimfulofbeauty
    Member
    Posted 9 months ago #

    Hi Jo!

    LOVE your plugin! It really is the prettiest pinterest plugin available (but you already know that!) ;)

    I tried to use the code above but I just kept getting errors.

    Is there a way to play the tiles side by side on my theme?

    If you could take a look I would be very grateful!

    Best,

    Asher x

  7. digisan
    Member
    Posted 8 months ago #

    New to this whole thing. Where does one put the
    #pretty-pinterest-pins-widget li{
    float: left;
    padding-right: 15px;
    }

    To get side by side ?

    Thanks in advance.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic