Support » Plugins » Masonry – Can't get it to work

  • marcoapaulo


    Hi everyone

    So, my problem it’s “simple”, I can’t get Masonry plugin to work. I’ve tried everything, I even found some kind of guides that explained how to do it (since I’m not familiar with JS), but no success at all.

    Right now, I have the Masonry plugin on this page (, and I applied it as explained in Masonry official site.

    So, does anyone know what I’m doing wrong?

    (I’m trying to get this plugin work first before I create the rest of the layout, so don’t pay attention to the sidebar with no style.)

    Thank you and I hope I posted this on the right forum.

Viewing 4 replies - 1 through 4 (of 4 total)
  • marcoapaulo


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

    Chris Olbekson


    Level 12 Bug Squasher & Forum Moderator

    Looking at your source I see this:

        // options
        itemSelector : '.item',
        columnWidth : 198

    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 ยป

    And thank you Chris Olbekson for the reminder of the names ๐Ÿ™‚

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Masonry – Can't get it to work’ is closed to new replies.