How do I add a dark wash over a photo?

Tips and tricks from Tamara Olson Designs

Make sure your container is positioned relative, and add this to your CSS:

.div-with-wash:before {
content: '\A';
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;

Share Your Thoughts

About the Author


Tamara Olson is a self-employed UX designer and WordPress developer living in New York City.