Give help. Get help.

  • # May 24, 2012 at 12:28 am

    After finally getting it work in JSFiddle and locally, masonry isn’t working on tumblr.

    If anyone else has had this problem, I’d really like to figure it, because it’s really annoying. Is it because it’s not an ordered or unordered list? I don’t know, but it’s bugging me. The worst part it is, it works locally so it taunts me like that.

    Anway, help is appreciated.

    # May 24, 2012 at 3:32 am

    Check your source code with Firefox, you have some error:

    Quote in an unquotes attribute



    theme 2 by: odd-e / copyright


    Stray doctype

    < !DOCTYPE html>

    < !DOCTYPE html>

    # May 26, 2012 at 8:15 am

    You have declared masonry twice:

    /*        $('#posts').masonry({
    itemSelector: '.post'
    }); REMOVE */

    $(window).load(function() {
    itemSelector: '.post',
    isAnimated: true,
    isFitWidth: true


    # May 26, 2012 at 4:42 pm

    @Odd_E have you tried putting the scripts at the bottom, right before the body tag?

    # May 27, 2012 at 8:18 pm

    @Odd_E “have you tried putting the scripts at the bottom, right before the body tag?”

    There may be a conflict, then. I’m not sure. It seems like it’s related to your CSS because the top one tries to animate.

    I just recently had an issue with my images using Masonry.js and the following code worked.

    var $container = $('#content');
    itemSelector : '#posts',
    isFitWidth: true,
    isAnimated: true
    # May 27, 2012 at 8:46 pm

    Your footer seems to animate as well so I believe it has to do with your CSS.

    # May 27, 2012 at 11:13 pm


    Change your masonry code to this:

            $(window).load(function() {
    itemSelector: '#posts',
    isAnimated: true,
    isFitWidth: true
    # June 12, 2013 at 12:42 am

    Thank you soo much Chris. I had the same problem as OP. It seems that FF and IE need the line: isFitWidth: true which isn’t in the default code.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.