the answer for all question about Oxygen Builder plugin and WordPress

Hey OxyPeepals,


Hey OxyPeepals,

I had created a Gallery using Avada at https://athreyaawellness.com/ a few years ago. If you scroll down towards the bottom, you’ll find the WORK & PROJECTS section with a gallery.
What I liked about this gallery is, it would automagically align the images such that it fills the container while respecting the aspect ratio of the images.
I tried using Supa Mike’s Macy js Masonry Tutorial, I have to manually input the number of columns, and that just doesn’t make the images fit automagically 😛
Anyone knows how to build a similar gallery using Oxygen?
Cheers in advance



Source

Restro Design Set

Boundaries

1 Comment
  1. Blue says

    simply CSS Grid, no need JS
    .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: masonry;
    }
    FYI
    https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/
    https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/

Leave A Reply

Your email address will not be published.

Oxyrealm Docs OxyMade - Oxygen Builder Design Set Mega collection