This topic has 2 replies, 2 voices, and was last updated 8 years by 
-
-
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?
Hi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEbody.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
The forum ‘Plugins questions’ is closed to new topics and replies.
