Tagged: Masonry Gallery
Hello Support,
Is it possible to alter the size of the gap in the masonry gallery with “wide landscape” selected? The 1px option is too small, while the “large gap” appears to be too big. I have looked into the wonderful forums here for a fix, but the following solutions break the masonry gallery:
Any advice you could offer would be greatly appreciated.
Thanks in advance!
Hey MLA18,
On which page can we see the gallery, I looked at a few and did not see any.
Best regards,
Victoria
Hi Victoria,
Wooops, sorry about that. A specific page is listed below.
Thanks!
Hi MLA18,
Thank you :)
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#av-masonry-1 .av-masonry-entry {
width: 22.9%;
top: 8px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you for that, Victoria. However that appears to only shift the images to the left leaving a large gap on the right side. Also, only the bottom gap was decreased (which made the top gap even larger). I am hoping to achieve a smaller gap on all four sides of each image.
Is this possible?
Thanks!
Hi MLA18,
Hmmm…. I thought you needed a larger gap.
That is weird, it worked in the browser when the code was added but does not work in the Quick css, gives a different result. The thing is the masonry element position is calculated and set in the JavaScript and so adjusting just css does not really give the desired result.
Best regards,
Victoria