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='http://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?
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='http://gordonblackler.com/wp-includes/js/jquery/jquery.masonry.min.js?ver=2.1.05'></script>
<script type='text/javascript' src='http://gordonblackler.com/wp-content/plugins/jquery-masonry-image-gallery/masonry-init.js?ver=0.4'></script>
It looks like you are getting there!
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.
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.
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…
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!
