Task #2589
closedMain page: Text in hero carousel has insufficient contrast w/ background image
100%
Description
https://twitter.com/Bach_kun/status/982145446888931328
I suggest placing a scrim or a "floor fade" gradient, like this: https://css-tricks.com/design-considerations-text-images/
Else, consider replacing the tired pen picture with something else that doesn't have such a bright background (Pexels, StockSnap and Unsplash offer freely licensed stock imagery).
Updated by Jean Spiteri about 6 years ago
- % Done changed from 0 to 50
I haven't followed the way suggested in the link you posted but I have done something to fix this. My proposal can be seen on https://newdesign.libreoffice.org. Could you please check it out and comment whether it is good or not? If it is and fixes the issue, then I can ask to have it transferred to the main website. Thank you.
Updated by Adolfo Jayme Barrientos about 6 years ago
The text is too close to the bounding box, so I would just add padding-left: 1em; (padding-right for RTL) to .carousel-caption as a little tweak.
Updated by Jean Spiteri almost 6 years ago
I have changed it to have a padding of 20px on both sides. Can you please recheck and comment whether it is good?
Updated by Adolfo Jayme Barrientos almost 6 years ago
LGTM, feel free to go ahead with that :)
Updated by Jean Spiteri over 5 years ago
- Status changed from New to In Progress
- % Done changed from 50 to 90
The CSS changes have been sent to hostmaster@ to propose them to be uploaded to the website. From now on, it is in their hands.
Updated by Jean Spiteri over 5 years ago
- Status changed from In Progress to Closed
- % Done changed from 90 to 100
Mike has uploaded the proposed CSS changes to the actual website. Thus, this will be closed. Thank you for the feedback.