muudles1

https://joshnh.com/2012/02/07/why-you-should-use-inline-block-when-positioning-elements/

No its not a question of CSS because if you dont close the spaces between elements, it’ll create a gap between inline-block elements.

There actually is a difference in the code. I’ve stopped using floating elements for many years because thats an unstable css technique, and I strongly urge you all to stop floating and use display: inline-block instead.

But I digress.

So there is no way to output the li items right next to each other?

Ah I see the page numbers doesn’t work properly with isotope plugin. Is this because the wrapper can’t detect the page number properly when the item positions are absolute?

Thank you!

Ah, I’ve figured it out – I accidentally called jquery twice, now it’s all fixed! Thank you SO MUCH!

Hi Marloes, I’m afraid that didn’t do anything for me. I get an error in my console saying “Uncaught TypeError: Object [object Object] has no method ‘isotope’ ” (I’m using isotope)

I’m beginning to think I’ve missed a step, am I suppose to initialise isotope somewhere else?

I tried adding this into my dom.ready:

var container = $('#infinite-wrapper');

	$(container).isotope({
	  itemSelector : '.infinite-item',
	  layoutMode : 'fitRows'
	});

Although it makes the .infinite-items on initial page load masonry, it doesn’t apply to the additional items after manually trigger for more. It also still gives me the same error in console.

Any ideas?

Thanks for that Marloes, just want to make sure – do I select the “Manual Trigger” option and add your code into manual-trigger.js?

Hi, I would love to know as well. Could you please kindly post a solution?