Target Blog Post Element Feature image using a tag

Hey thanks for the support, I think I didn’t explain myself well.

I was able to target a div using the post tag, this applies a SOLD ribbon to the image (first image of the gallery)

I am looking to target the feature image of this post inside the blog posts grid with the same SOLD ribbon also using the post tag. I have been unsuccessful.

This works – .tag-sold .slide-image::before {
content: url(‘//carfarmers.com/wp-content/uploads/2022/06/sold-small.png’);
max-width:40px!important;
max-height:40px!important;
z-index:1;
position: absolute;
top: 60px;
left: 45px;
}

This does not – .tag-sold #ngg-image-1::before {
content: url(‘//carfarmers.com/wp-content/uploads/2022/06/sold-small.png’);
max-width:40px!important;
max-height:40px!important;
z-index:1;
position: absolute;
top: 60px;
left: 45px;
}

See below for details

The .tag-sold is a post tag named ‘sold’ applied to the tags.
I’m trying to target the post that has been tagged with ‘sold’ so that all a user has to do is tag the post ‘sold’, and the ‘sold flag’ will display.

Targeting the tag, ‘sold’, using .tag-sold is working on the image in the gallery. I am unable to find the correct css path to the feature image of the post, when its using the blog grid display from the alb.

The css you suggest requires coding and targets per page, this would not work in the use case we are looking for.

Can you help me with the css path…thank you

Thank you