White text over pictures unreadable

[kryvian]

Hello, on the homepage of the site, light or dark theme, the main 3 articles have 3 images with text overlapped, the text is white and more often than not it will be hard to read or in any case unpleasant to the eye as seen in attached picture, when you hover over them with your mouse a transparent black pane scrolls over as seen in the attached picture's no man's sky article.

Suggestion: ideally you'd have the text bordered by a dark color, preferably 90% gray or black, or to be extra fancy, have a drop shadow in the shape of the text that fades from opaque to transparent under the text, but that'd be hard[er] to implement or in any case more expensive performance wise, in stead you could have a simple solution, have that transparent black pane be under the white text, end halfway between the top of the white text and the "entertainment" tag and be in that position as long as you haven't hovered over the article, as I have sketched in the attached picture over the no man's sky article.

Hope it makes snese

[Saskia]

This can be fixed easily by using a text-shadow effect in CSS.

Before



And after adding a very subtle effect with text-shadow: 1px 1px 1px black

[ryvrdrgn14]

Yeah, you're right. I'm not really much for layout, but they might need to put a black outline on the text at the very least.