Crop single post featured image

[marketfresh]

My blog posts are showing the full featured image on the single post page and I’d like to know if it’s possible to crop the single post featured image to specific dimensions.

[friech]

Hi Jonathan,

Thank you for writing in, you can use the CSS properties max-height, max-width and overflow to limit the size of the featured image, the problem with this is you can not specify where the image will be cropped, it will always be on the bottom part.

e.g.

.single-post .has-post-thumbnail .entry-featured {
	max-width: 600px;
	max-height: 300px;
    overflow: hidden;
}

You can remove the max-width if you want it to keep full width.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!