Support » Theme: Twenty Twenty-One » Change Featured Image size on blog and posts

  • Resolved rebsy

    (@rebsy)


    The featured image for each post is shown at over 1000px in each direction on the blog page and the individual post pages. I want them to be max-width 600px.

    Here’s what I have tried so far, but none of these has had any effect:

    Additional CSS:

    img.featured-image {
    max-width: 600px !important;
    }

    Settings:

    I tried deleting the images, and changing the Media settings to upload at max 600px wide, then reuploading the images, but they still showed up over 1000px wide!

    I would really appreciate it if someone could explain how to make the featured image smaller on the blog and post pages. It seems like doing it in CSS would be a little complicated since there is a container that needs to be adjusted too but happy to put in a bunch of CSS code. Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Alvaro Gómez

    (@mrfoxtalbot)

    Hi @rebsy! This CSS code should do the trick 🙂

    .post-thumbnail img {
      max-width:600px !important;
    }

    I would usually avoid using !important like the plague but I have not been able to figure out a way to make it work without it.

    Let me know if that works!

Viewing 1 replies (of 1 total)
  • The topic ‘Change Featured Image size on blog and posts’ is closed to new replies.