Archived topic
Overlay, darken WP Posts
3 replies · Started by Adam on August 4, 2020
Viewing posts 1–4 of 4
How can I darken the overlay on the featured images in WP Posts that I have running on the Despatch theme in GP?
Hi there,
In Customizer > Additional CSS look for this:
.wpsp-card .wpsp-content-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5% 8%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.35);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(80, 50, 50, 0.5)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgba(80, 50, 50, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
pointer-events: none;
}
This adds a gradient behind the text of the Post Grid.
These two lines add a gradient fill behind the text:
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(80, 50, 50, 0.5)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgba(80, 50, 50, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
Change the rgba values to suit
Awesome that's spot on. I couldn't pick it apart enough to find where it needed to be altered.
You're welcome
This archived topic is closed to new replies.