Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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:

    Any advice you could offer would be greatly appreciated.

    Thanks in advance!

    • This topic was modified 4 years, 11 months ago by MLA18.
    #1163600

    Hey MLA18,

    On which page can we see the gallery, I looked at a few and did not see any.

    Best regards,
    Victoria

    #1163604

    Hi Victoria,

    Wooops, sorry about that. A specific page is listed below.

    Thanks!

    #1163618

    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

    #1163634

    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!

    #1163654

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.