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.