Title: CSS Image legibility
Last modified: January 18, 2018

---

# CSS Image legibility

 *  [itorrey](https://wordpress.org/support/users/itorrey/)
 * (@itorrey)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/css-image-legibility/)
 * Hi, we are trying out the widget on our site’s home page and so far things are
   going great. I like having the ability to change background images via the CSS
   method. However, there tend to be a lot of legibility issues with the weather
   over the background images. I have two questions;
    1) is it possible to add a
   light grey screen overlay, say 10% over the background image? 2) Can we change
   the size or font weight of the smaller forecast numbers to help with the legibility?
 * Thanks very much!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-image-legibility%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

The topic ‘CSS Image legibility’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/awesome-weather_ad7c7d.svg)
 * [Awesome Weather Widget](https://wordpress.org/plugins/awesome-weather/)
 * [Support Threads](https://wordpress.org/support/plugin/awesome-weather/)
 * [Active Topics](https://wordpress.org/support/plugin/awesome-weather/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/awesome-weather/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/awesome-weather/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [images](https://wordpress.org/support/topic-tag/images/)
 * [legibility](https://wordpress.org/support/topic-tag/legibility/)
 * [screen](https://wordpress.org/support/topic-tag/screen/)

 * 0 replies
 * 1 participant
 * Last reply from: [itorrey](https://wordpress.org/support/users/itorrey/)
 * Last activity: [8 years, 4 months ago](https://wordpress.org/support/topic/css-image-legibility/)
 * Status: not resolved