Making first post on site full length with featured image

[cath]

Hi, in tinkering with my site recently (which I opened a support topic about), apparently the settings changed.

Previously, my first post was full length with an accompanying featured image, now it is at top as a lone post but not full length and with no image.

It was long ago that I had set this up so I’m not sure what changed.

Thank you.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[cath]

Sure, thanks! Link below.

[cath]

In case that didn’t come through…

[Elvin]

Hi,

Previously, my first post was full length with an accompanying featured image, now it is at top as a lone post but not full length and with no image.

Strange. On my end, the lone post is in full length.

Here’s what I see on my end. – https://share.getcloudapp.com/YEuyX478

But it did not have a featured image as mentioned.

Upon further inspection, I see that you’re using Simple CSS plugin and it had this CSS code.

.blog .type-post:first-child .post-image,.archive .type-post:first-child .post-image { 
display: none; 
}

Just change the display:none; property to display:block; for the featured image of the first post to be visible.

A wise man once said:
"Have you cleared your cache?"

[cath]

Hi Elvin, thanks for your help. I’m just coming back to this now.

Changing the CSS code was great and a success. So the first post featured image is now showing.

However, first post is still not full length and the screen grab (above) isn’t full length either as far as I can see. I’ve checked on different browsers, phone, etc., and all the same result.

Thank you!

Cath

[Elvin]

I’m not sure I understand what you meant by “full length”.

Can you provide any mockups photos or reference site of what you’re trying to achieve?

If you meant for .post-image to go full-width of its container, add this CSS:

.post-image img {
    width: 100% !important;
}

If you want the first post to go full page width, meaning it goes on top of the right sidebar, I’m afraid that’s not possible with the current setup.

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts