[Resolved] Transparent Overlay on Magazine Grid

[Butch Pornebo]

Using the site library template DISPATCH.

How do I place a black transparent overlay on top of the magazine grid?

https://gpsites.co/dispatch/

[Butch Pornebo]

or on top of the images.

[Ying]

Hi there,

Instead of adding an overlay, I made the image transparent and gave it a background color:

.page-hero .wp-show-posts-image.wpsp-image-center img {
    opacity: 0.5;
}
.page-hero .wp-show-posts-image.wpsp-image-center {
    background-color: #000;
}

Let me know if it works for you.

[Butch Pornebo]

this works perfectly. thank you

[Ying]

You are welcome 🙂

[Author]

Posts