Post Title & Read More Overlay on Top of Featured Image

This topic has 5 replies, 2 voices, and was last updated 2 years ago by Leo.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 12, 2021 at 9:21 pm #27962

ExploreYourKitchen
Participant

The last widget “Related Articles” is floating/sticky on the sidebar.

Need the CSS Mod to overlay Post Title & Read More on top of the featured image about 25% from the top and background color black 25% transparency

Thanks in Advance

March 13, 2021 at 2:13 pm #27978
Leo
Moderator
Hi there,

Can you try removing .wpsp-card from the CSS you’ve added and see if that takes care of both cases?
```
.wpsp-card .wp-show-posts-inner {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.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;
}
```
March 13, 2021 at 2:19 pm #27980

ExploreYourKitchen
Participant

I’m using Dispatch template from the site library.

So the wpsp-card was declared or overridden by that template

March 14, 2021 at 2:04 pm #28012

Leo
Moderator

Sorry not sure if I fully understand – might be some miscommunication here.

The CSS I pointed out is added in the Additional CSS field in the customizer.

March 14, 2021 at 5:27 pm #28014

ExploreYourKitchen
Participant

thank you…

got it to work

March 15, 2021 at 5:04 pm #28057

Leo
Moderator

No problem 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

[Resolved] Post Title & Read More Overlay on Top of Featured Image