White Border Issue with Justified-Gallery Style

  • Hi.
    I have a issue using the justified-Gallery-Style.
    At some images there are randomly white borders.
    I use the latest version of WordPress and the actual version of FooGallery.
    I tested it with different WP-installations.
    On the link to the page, please set the background of body to another color than white and you will see the issue.
    (actual Firefox, Win 7)

    Thanx for your help!
    Best regards!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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.

    Thread Starter rizn

    (@rizn)

    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

    Plugin Author bradvin

    (@bradvin)

    hey @steveush – please investigate this one

    Thread Starter rizn

    (@rizn)

    Could you find the issue? Any solution?
    Thanx!

    Plugin Author steveush

    (@steveush)

    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

    Thread Starter rizn

    (@rizn)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘White Border Issue with Justified-Gallery Style’ is closed to new replies.