Featured image crop problems

  • Hello! I usually am able to crop my featured images to work well in the theme, but I’m stumped about this one I just used. The entire image is visible in the media library, as well as on the view of the post on the category page and on mobile, but if you click into the post on the web, the top gets cut off.

    I originally sized the image to be 1280 px wide, which ended up with a height under 400 px (so, actually narrower than the prescribed 444) but the top of the picture was getting cut off. Just to see what would happen, I tried a crop with a height of 440, which of course made the width shorter than 1280, but the top is STILL getting cut off. I can’t figure out why this is happening. If I make the height smaller, it just removes more from the bottom of the image, rather than including the the top.

    What am I doing wrong? Thanks!

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

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @miriamlawrence,

    Lovecraft shows the entire featured image on screens up to 1280 pixels wide. On screens larger than that, the height stays constant but the width stretches to fill the screen, meaning that the top and bottom of the image gets cropped.

    If you want the image to always retain its original aspect ratio, go to Appearance → Customize → Additional CSS and add the following:

    .has-featured-image .header-image img { width: 100%; }

    Let me know if that does it.

    — Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Featured image crop problems’ is closed to new replies.