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.
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.
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
}
});