Masonry element – Change Large Gap dimensions

Hi diogovareta,

Do you mean change the image dimension for that specific masonry element? or just increase the gap on that specific masonry element?

Best regards,
Nikko

Hi diogovareta ,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (min-width:479px) {
  .home #av-masonry-1.av-large-gap .av-masonry-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
  }

  .home #av-masonry-1.av-large-gap .av-masonry-container a.av-masonry-entry {
    position: static !important;
    width: 100%;
  }

  .home #av-masonry-1.av-large-gap .av-masonry-container > div.av-masonry-entry {
    display: none;
  }
}

Hope it helps.

Best regards,
Nikko

Hi diogovareta,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko