Ghost Blog: Reduce feature image size within posts
![Ghost Blog: Reduce feature image size within posts](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/07/Screenshot-2022-07-27-at-07.44.18.png)
Setting a 'feature image' for a post is important if you want a preview image to appear on the home page (This is exactly what I wanted), but... unfortunately by default that 'feature image' will then appear full width at the top of your post. (This is not what I want.)
Remove the feature image from the post
Using code injection it is possible to completely remove the feature image from the post.
<style>
.article-image { display: none; }
</style>
Resize the feature image displayed within the post
Using code injection again, it is possible to resize the feature image and keep it centred.
<style>
.article-image {
max-width: 500px;
margin: 0 auto !important;
float: none !important;
}
</style>
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/07/Screenshot-2022-07-27-at-07.44.33.png)
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/07/Screenshot-2022-07-27-at-07.45.40.png)
Where to put those code snippets?
Apply to only a specific individual post
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/11/01-feature_image-sidebar.png)
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/11/02-feature_image-code_injection.png)
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/11/03-feature_image-post_header.png)
Apply to all posts
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/11/04-feature_image-site_settings.png)
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/11/05-feature_image-code_injection.png)
![](https://digitalpress.fra1.cdn.digitaloceanspaces.com/8i4ue0z/2022/11/06-feature_image-site_header.png)