Home Forums Air WordPress Theme Masonry gallery glitch

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #12786
    Priam
    Participant
    Purchased

    Hi,
    I’m also having an issue with the size of the last image in a three column masonry gallery. If there are 4 photos in a gallery, and the gallery is set to three rows, it means the last photo fall on its own row. However, this last image is getting enlarged to fill the whole row, despite being a low resolution thumbnail image. The result is really ugly.

    Is there a way to specify just a grid layout instead of scaled masonry style for a single gallery post?

    Thanks,
    Priam

    #12791
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Did you talk the “Gallery” format post? It isn’t based on masonry layout.
    please leave your page url. there maybe is solution

    Cheers!
    Bwsm – uiueux.comTwitterFacebook

    #12807
    Priam
    Participant
    Purchased

    Here’s an example of the problem. The last image fills the whole width of the page, and is pixellated:

    http://photography.priamthomas.com/east-main/

    #12816
    SeaTheme
    Keymaster
    Purchased

    The list layout in gallery post is a justified grid style.
    The css will force the last line of image as 1/3 width.

    @media (min-width: 768px) {
     .list-layout .list-layout-col:last-child .list-layout-col3-item {
        width: 33.33333%!important;
     }
     .list-layout .list-layout-col:last-child .ux-lazyload-wrap { 
        width: 100%!important; height: auto!important;
     }
    }

    ps: It will affect all posts, you could add the parent className to affect this post only:

    @media (min-width: 768px) {
    .post-2049 .list-layout .list-layout-col:last-child .list-layout-col3-item {
        width: 33.33333%!important;
     }
    .post-2049  .list-layout .list-layout-col:last-child .ux-lazyload-wrap { 
        width: 100%!important; height: auto!important;
     }
    }

    2049 is post ID, how to find post ID – click ?

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!