Change height of certain recent post

Hey! im trying to change the height of the featured image of one recent post. I want the remainder recent posts to stay as is.

I’m using:

.x-recent-posts-img {
height:600px;
}

but it changes all of them. How can i select just the one?


Its the man on the ladder pic here on the home page.

TIA,
Rena

Hi Rena,

Thanks for writing in! You can use the post ID along with your CSS rule to target specific recent posts.

Example:

.post-2925 .x-recent-posts-img {
    height: 300px;
}

Here’s how you can locate Post IDs (https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59).

Hope that helps.

Ah! Thank you!!

Rena

Actually… question… I want there to always be a main featured image that is large. I dont want it to always be post-2925, but i always want it to be selected by selecting the the post category “featured” and that this featured post is 600px high.

So how would I change this to just be the “featured” category??

.post-2925 .x-recent-posts-img {
height: 300px;
}

Figured it out! Thanks for the help

.category-cover-post x-recent-posts-img {
height: 600px;
}

glad to know!

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.