Announcement

Collapse
No announcement yet.

White text over pictures unreadable

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • White text over pictures unreadable

    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

  • #2
    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.
    New Forum Ability Unlocked: Signature!

    Comment


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

      Before

      Click image for larger version

Name:	text-no-shadow.png
Views:	1
Size:	168.2 KB
ID:	32292

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

      Click image for larger version

Name:	text-with-shadow.png
Views:	1
Size:	170.4 KB
ID:	32293

      Comment

      Working...
      X