Gap in gallery upon load Win Chrome & Win FF

[melanieivy]

Hi, I’m trying to create a masonry grid on our website images with varying widths and height. I found a way to do this by creating 2 images (each a different collage) and inserting the two images in an Image Gallery, grid style.

The issue I’m having now is there is space between the two images when I load the website on Firefox or Chrome on PC. If I try to resize the window larger or smaller the space goes away, but there is always a space when the site is loaded regardless of the size of the browser.

What can I do to get rid of that extra space/gap between the photos upon load of the website? Or is there another way to create this grid in this exact format and still make it responsive?

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

body.home li.el-zero-fade.start-animation .kleo-gallery-inner img {
    width: 100% !important;
}

Let me know if is ok.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[melanieivy]

It’s looking better now. Thank you!

[Author]

Posts