Images not stacking

  • Resolved gordonblackler

    (@gordonblackler)


    11 years, 7 months ago

    Hi, I’ve installed the latest version of your plugin, unchecked the crop thumbnails box in Media Settings and also regenerated the thumbnails, but my images are not stacking as I expected. Here’s a blog post that uses a 3 column WordPress gallery.

    https://gordonblackler.com/lifestyle/lifestyle-photography-gdansk-roller-girl-at-sunrise/

    A couple more points:
    – Checking the box next to “DO NOT allow Masonry to layout your gallery columns?” created more space between the thumbs but they still do not stack.
    – I have the Lightbox Gallery plugin installed, but deactivating it did not make any difference.

    Any advice would be appreciated.

    Thanks

Viewing 6 replies - 16 through 21 (of 21 total)
  • Thread Starter gordonblackler

    (@gordonblackler)

    The images I uploaded to the library were not that tall so I compromised and tried 190×350. It’s better but there is some overlapping. I’ll experiment with sizes.

    I presume I’m looking for the following line in the source code:

    <link rel='stylesheet' id='jmig_stylesheet-css' href='https://gordonblackler.com/wp-content/plugins/jquery-masonry-image-gallery/jmig.css?ver=3.6' type='text/css' media='all' />

    Anything else I need to look out for?

    Plugin Author phoenixMagoo

    (@phoenixmagoo)

    Yeah, it looks like you might want to take the width down to like 170px for a little breathing room. But like you were saying, experiment with some sizes to get the right look.

    The plugin is pretty simple and only injects a 1 link to a stylesheet file,1 inline css code in the header and two javascript files in the footer.

    The footer code is more important and will always be there. Just look out for: 

    <script type='text/javascript' src='https://gordonblackler.com/wp-includes/js/jquery/jquery.masonry.min.js?ver=2.1.05'></script>
<script type='text/javascript' src='https://gordonblackler.com/wp-content/plugins/jquery-masonry-image-gallery/masonry-init.js?ver=0.4'></script>

    It looks like you are getting there!

    Thread Starter gordonblackler

    (@gordonblackler)

    Ok, thanks.

    I’ve discovered that the extra borders and overlapping was caused by Lightbox Gallery plugin so I’ll just tweak the css to fix that.

    However, switching on the plugins one by one, W3 Total Cache breaks your plugin. I’ll let you know if any others do the same.

    Plugin Author phoenixMagoo

    (@phoenixmagoo)

    I believe the minify JS and CSS feature in the Total Cache plugin seems to be causing some issues. You can probably still use that plugin and just disable that option.

    Thread Starter gordonblackler

    (@gordonblackler)

    Ok, it was just the js minify. I’ve switched it off but it looses a few points in my page performance tests (using GTmetrix). Perhaps that’s something you can look into.

    Thank you for your excellent and speedy help. I think I can take it from here…

    Plugin Author phoenixMagoo

    (@phoenixmagoo)

    I’m looking into the minify with Total Cache and it seems that the problem is pretty common. Definitely something for me to look into before the next release!

    Thanks for the comments!

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Images not stacking’ is closed to new replies.