Tagged: Masonry Gallery
-
AuthorPosts
-
December 6, 2019 at 11:05 pm #1163490
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:
- https://kriesi.at/support/topic/define-custom-masonry-gap-between-elements/
- https://kriesi.at/support/topic/masonry-gallery-gap-between-images/
- https://kriesi.at/support/topic/custom-gap-in-masonry-gallery/
Any advice you could offer would be greatly appreciated.
Thanks in advance!
-
This topic was modified 5 years, 11 months ago by
MLA18.
December 7, 2019 at 3:45 pm #1163600Hey MLA18,
On which page can we see the gallery, I looked at a few and did not see any.
Best regards,
VictoriaDecember 7, 2019 at 3:50 pm #1163604Hi Victoria,
Wooops, sorry about that. A specific page is listed below.
Thanks!
December 7, 2019 at 4:10 pm #1163618Hi 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,
VictoriaDecember 7, 2019 at 4:35 pm #1163634Thank 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!
December 7, 2019 at 5:38 pm #1163654Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
