Home Forums Air WordPress Theme Masonry gallery glitch

This topic contains 3 replies, has 2 voices, and was last updated by  BWSM 2 months, 2 weeks ago.

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

    Priam
    Participant

    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

    BWSM
    Keymaster

    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

    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

    BWSM
    Keymaster

    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.