Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

Masonry positioning elements on top of each other

Home Forums Support Masonry positioning elements on top of each other

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #210822
    Pekka Kortelainen

    I’m having trouble with the Masonry function. My content is generated as follows: a plugin is loading stuff from Twitter to WordPress and posting them automatically as posts by using Twitter embedded function.

    Picture 1 / Front page, here you can see the overlapping in the middle column for example.
    https://gyazo.com/ea4ce632d394b5d1eaac26c63bc73d7c

    Picture 2 / This is the wanted result. Same view after zooming out and back in without refreshing the page (CTRL+Mouse scroll down – CTRL+Mouse scroll up)
    https://gyazo.com/7472c33598692de70fc4f7504ae8b531

    Something isn’t telling Masonry what is the actual height of the content inside it. I’ve tried adding !imporant bottom-margins to .masonry-post and .masonry-brick, however they only did what they’re supposed to – not fix my problem. The plugin posting the content generates .twitter-tweet and .twitter-tweet-rendered classes. All help much appreciated. Awesome theme and addons!

    edit. fixed images!

    #210880
    Tom
    Lead Developer
    Lead Developer

    Hmm, so you have content being dynamically added into the posts? That’s most likely the issue, as you said, Masonry isn’t being told the height of those added items, so it can’t adjust.

    How is the content being added?

    #211165
    Pekka Kortelainen

    That’s the word I was looking for – dynamically, I guess. The plugin in use checks every X minutes for unseen content posted in Twitter by user U. If there is new content, it creates a new post in a category of my choice. I have no further information about the behaviour of this plugin.

    Any ideas for a workaround? This site is not that crucial so even an automatic onload zoom-in – zoom-out would do the trick I think, if technically achievable.

    #211256
    Tom
    Lead Developer
    Lead Developer

    What plugin are you using? I’ll have to look at the code to see if there’s some sort of trigger we can hook into.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.