1px black 'fringe' at bottom of some images

[EN]

I'm getting a 1px black horizontal line appearing at the bottom of some of my images in Safari 11.0.3. It's not happening in Chrome. Any ideas on how to fix it?

Image sizes of 1920 x 1357 px and 1920 x 1358 px both produce the same issue. Theme and plugins are all up to date.

Thanks.

[mariusjopen]

Dear @EN

can you post a link to our website?
Then we can have a look and inspect that.

All the best!

Marius

[EN]

Hi Marius,

Thanks! I really appreciate you taking a look. I made a test page for you here:

http://endlessnameless.studio/test

[mariusjopen]

Dear @EN

it is because of a black background which is active somewhere.

Get rid of him like this:

.col[data-type="img"] .ph {
    background-color: transparent;
}

Best!

Marius

[EN]

Thanks Marius, works like a charm. Much appreciated.

[mariusjopen]

Great! Happy to hear!