Tagged: full width, gallery, masonry, thumbnails
Is it possible to have a full-width masonry gallery with more than 4 columns? The images I’m using are only a couple hundred pixels across, so when I use them in a full-width masonry element they are enlarged. Alternatively, I could use a regular gallery (which allows up to 12 columns) and use custom css to remove the padding and borders around each image, but I can’t figure out how to make it full-width, and ideally, I’d like to be able to use custom links for each image (like you can with the masonry gallery).
Hi Tali!
The masonry gallery styling depends on the screen width and the image aspect ratios. I.e. the demo website: http://kriesi.at/themes/enfold/shortcodes/masonry-gallery/ shows a grid with 6 columns ( http://www.clipular.com/c/6576207617327104.png?k=FsV7DtL7E6dPkHWlnFZJhrekGd8 ). If I shrink the browser window the number of columns will decrease. Make sure that the “Flexible Masonry: All images get the same width but are displayed with their original height and width ratio” option is selected – otherwise the masonry script may require more space per image.
Cheers!
Peter
Hey!
Btw – you can change the size of the images with css – use this code
.av-masonry-gallery .av-masonry-entry {
width: 24.90%;
}
to change the width. You can set use any custom percentage value – by default it’s set to 24,9%.
Cheers!
Peter