Ghost Blog: Reduce feature image size within posts

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>

source: bironthemes on forum.ghost.com

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>

source: designers.hubsport.com

full width 'feature image'

full width 'feature image'

reduced width ‘feature image’

reduced width ‘feature image’

Where to put those code snippets?

Apply to only a specific individual post

Apply to all posts