Masonry – Can't get it to work

If it helps, this is what I’m trying to achieve…

https://i1040.photobucket.com/albums/b409/mafeed/soltas/layoutqr_zps9171e511.jpg

Looking at your source I see this:

<script>
$(function(){
  $('#container').masonry({
    // options
    itemSelector : '.item',
    columnWidth : 198
  });
});
</script>

You need to change #container to the actual div id of the containing div which in your case is #containcontent.

Also I would change columnWidth to 216 to allow a 10px margin on each side then in your css add the margin value:

.item {
   width: 198px;
  float: left;
 margin: 10px;
}

I can’t believe it… I’ve been for, at least, one and an half hour trying to solve this and I only forgot to add the div… I feel so stupid… eheheheh

Anyway, now something changed, but it’s still not right. And again, don’t know if it’s CSS or something with Masonry.

FINALLY! I did it! Thanks to this ? https://www.wplover.com/1818/tutorial-using-jquery-masonry-with-wordpress/

And thank you Chris Olbekson for the reminder of the names ??