Hi,
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
Thanks
Hey luciasanchezf,
You can look in this folder to see how it works
/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria,
It worked! :)
It was here, in case anybody needs the same:
/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css
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%;}
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon