White Border Issue with Justified-Gallery Style

Hi @rizn,

I have investigated the issue with the body background set to blue and did not see the random white borders as shown in the screenshot I created at https://monosnap.com/file/aEkvM5ZYti5OUBZ2AL3LoaTMFsXwMz.

If I may be missing something, could you kindly send us the screenshot of what you can see from your end?

Kind regards,
Blaise

Kind regards.

Hi Blaise.

Thank you for your help and answer!

In your screenshot you can already see the borders. Here you have a white “border-bottom” at almost every image. This white line is not from the image itself.
At the top images there is also a grey “border-top”.

I hope you can see it.

Best
Rizn

hey @steveush – please investigate this one

Could you find the issue? Any solution?
Thanx!

Hi @rizn,

This actually seems like a rendering issue, the image as well as the item containing it are the same height yet the items background color is bleeding through on the edges for some images.

It’s not a subpixel display issue as I created a gallery locally with fixed whole numbers for the item sizes and the white background still bled through for some images.

The below CSS should fix the problem by simply removing the background color from the items giving it nothing to actually bleed through.

.foogallery.fg-justified.fg-light .fg-item-inner {
	background-color: transparent;
}

Include the above in the page by using the Custom CSS option in FooGallery or by adding it to your styles.css file for your site.

Thanks
Steve

Superficial its working – the white borders are away. If you look closer you have now issues on hover at the same places. Sometimes even missing pixels.

In my URL above please have a look at the 7th image. The guy who is “sleeping”.
On the right side there is a pixel missing. So its not fitting in the column.

What a shame. Not a perfect solution!
All the Best.