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


    I’m using the Masonry posts gallery and I need to show square images.

    How can I do that?

    I’m using the option Perfect Manual Masonry: Manually control the height and width of entries by adding either a “landscape” or “portrait” tag when creating the entry. Elements with no such tag use a fixed default size, elements with both tags will display extra large Because I need some images to be double height or width. And the rest square.

    I need to edit that fixed default size


    • This topic was modified 4 months, 2 weeks ago by  luciasanchezf.

    Hey luciasanchezf,

    You can look in this folder to see how it works

    If you need further assistance please let us know.
    Best regards,


    Thanks Victoria,

    It worked! :)

    It was here, in case anybody needs the same:


    line 178
    /*fixed sized masonry (aka perfect grid)*/
    .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{position: absolute;}
    .av-fixed-size .av-masonry-image-container img{display: none;}
    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:100%; z-index: 1; }
    .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:50%;}
    .av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer{ padding-bottom:200%;}
    .av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:100%;}

    • This reply was modified 4 months, 2 weeks ago by  luciasanchezf.


    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Masonry gallery square images (same height and width)’ is closed to new replies.