Good evening,
I’m posting with the hope of obtaining support with a particular page on my website (see private content section)…
I have a masonry gallery on this page configured with only a one-pixel gap. However, when I load the page, there appears to be some sort of margin on the left-hand side of every image.
I have tried removing all Quick CSS customizations to see if any of them were causing this, but nothing appeared to work. Any assistance you can provide would be greatly appreciated!
I was able to get rid of the margin on the left-hand side of every image by placing the Masonry element outside of a layout element. I also changed the gap between elements to ‘No Gap’.
However, despite this, I now still have a gap between each of the images. I have again removed all Quick CSS customizations to see if I can remove this gap, with no success…
Hi,
could you provide us a mockup showing the result you want to achieve? please use imgur.com or dropbox. Also we need to be able to make right click on your website, to be able to inspect the elements in question.
Best regards,
Andy
Hi Andy,
My apologies – I have re-enabled right-click functionality.
I have also included a link to a mock-up in the private content section. I have included an image showing what it currently looks like, and what I’m hoping for it to look like.
Essentially, I want to reduce the spacing between each of the elements.
Regards,
Kevin
Hi,
try to play with different margin values:
figure {
margin-right: -75px;
margin-left: 85px;
}
until it fits for you.
Best regards,
Andy
Greatly appreciated. This resolves the issue!