Tagged: enfold, Masonry Gallery
On House Names page we have a masonry gallery that when initially displayed the images display stacked or overlayed on top of each other. If you scroll up and down the images display correctly. This occures on browsers on both desktop and phone.
Additionally the border displayed around the imaages looks correct except on the left hand side where there is no border shown.
Hey wordsinstone,
Could you please attach some screenshots of the issue?
Which pages is it happening on? I could not find the page with the issue.
Best regards,
Victoria
Hi Victoria
It is the page at https://www.wordsinstone.co.uk/house-names
Here’s a screenshot at https://imgur.com/a/jdxMFNs
It shows the image stacking and the missing left hand border.
Best regards
Phil
Hi wordsinstone,
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
#top #av-masonry-1.av-large-gap.av-masonry {
padding: 15px 0 0 15px;
}
Please have a look at the following thread:
https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-416870
If you need further assistance please let us know.
Best regards,
Victoria
Thanks for your help Victoria – that all worked as requested – please close this support request.
Best Regards,
Phil
Hi Phil,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria