[Resolved] Customizing featured first post

Home Forums Support [Resolved] Customizing featured first post

Home Forums Support Customizing featured first post

  • This topic has 3 replies, 3 voices, and was last updated 4 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1179870
    Anas

    Hi πŸ™‚

    How can I change the featured image’s size of the featured first post? I want it to be larger than the other posts’ featured images.

    Here’s how my featured first post’s image looks like: https://imgur.com/3cuWtzk and here’s how I want it to look: https://imgur.com/BTEUGxG

    #1180257
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    As of right now, the only way to do this is to set your image sizes to be the size you want in the featured post, then use CSS to reduce the size in the other posts.

    Let me know once you’ve done the above and I can help with the CSS if needed πŸ™‚

    #1180809
    Anas

    Hey Tom,

    I appreciate the reply!
    I already set the image size to be the size of the featured first post’s image. Could you help me with the CSS I need to reduce the other posts’ images?

    #1180939
    Leo
    Staff
    Customer Support

    Try something like this:

    @media (min-width: 769px) {
        .post:not(.featured-column) .inside-article .post-image img {
            max-width: 200px;
        }
    }

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

    Let me know if this helps πŸ™‚

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