[Support request] Making first post on site full length with featured image

Home Forums Support Making first post on site full length with featured image

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1489008
    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.

    #1489025
    Leo
    Staff
    Customer Support

    Hi there,

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

    You can use the private information field.

    Let me know 🙂

    #1489179
    cath

    Sure, thanks! Link below.

    #1489363
    cath

    In case that didn’t come through…

    #1489472
    Elvin
    Staff
    Customer Support

    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?"

    #1524634
    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

    #1524643
    Elvin
    Staff
    Customer Support

    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?"

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.