Title: Featured image crop problems
Last modified: October 23, 2023

---

# Featured image crop problems

 *  [miriamlawrence](https://wordpress.org/support/users/miriamlawrence/)
 * (@miriamlawrence)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffeatured-image-crop-problems%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/featured-image-crop-problems/#post-17149346)
 * Hi [@miriamlawrence](https://wordpress.org/support/users/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:
 *     ```wp-block-code
       .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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/lovecraft/2.1.1/screenshot.jpg)
 * Lovecraft
 * [Support Threads](https://wordpress.org/support/theme/lovecraft/)
 * [Active Topics](https://wordpress.org/support/theme/lovecraft/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/lovecraft/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/lovecraft/reviews/)

## Tags

 * [featured image](https://wordpress.org/support/topic-tag/featured-image/)
 * [images](https://wordpress.org/support/topic-tag/images/)

 * 1 reply
 * 2 participants
 * Last reply from: [Anders Norén](https://wordpress.org/support/users/anlino/)
 * Last activity: [2 years, 7 months ago](https://wordpress.org/support/topic/featured-image-crop-problems/#post-17149346)
 * Status: not resolved