Images get a black line at the bottom of the image using Safari

On the front page (made up of posts) of my webpage, some of the images get a black line at the bottom of the image, while other images do not get this black line.

This happens using Safari (version 17.5). It does not happen using Chrome (version 126.0.6478.128), or Firefox (version 128.0). I am using MacOS 14.5.

See the secure note below for webpage details.

Hey Asbjørn,

Thanks for reaching out!

The black line at the bottom of each image is coming from the entry-thumb div, it has a black background. Though it only appears on Safari browser, you need to add the CSS code below to fix it.

.blog .entry-featured .entry-thumb{
	background-color: transparent;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

After I remembered to empty the cache, this solved the problem. Thanks a lot for the help.

Hey Asbjørn,

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.