Search code examples
jquerycsswordpressjquery-isotopejquery-masonry

Display static block in Isotope Masonry jQuery plugin

I'm using a WordPress theme which is using isotope jQuery plugin for displaying the pinterest like tile structure in my website. I'm trying to display a static full width tile before the other tiles for adding a small description of the site as well as for SEO purposes. But the other tiles are overlapping it to not visible clearly.

I'm looking to show a full width block at the top of the page something like this in this image.

block image

So I tried to use something like this,

jQuery('.index-isotope').isotope({
    'itemSelector': '.item-isotope',
    'stamp': '.code-block'
});

from Masonry Isotope website. But no luck. Any help on this would be greatly appreciated.

Solution

  • Unless your using the very old version 1 of isotope, cornerStampSelector is not an option in masonry in the newest versions, it is now stamp. Try this:

    $('#container').isotope({
 itemSelector: '.item',
 stamp: '.corner-stamp',
 masonry: {
columnWidth: 120
}
});