Best way to display featured image in a post?

[theadz]

Hi everyone,

I’m just wondering how people best handle the featured image in their posts? I think the images look a little big and maybe look a bit stretched, like this example of mine:

http://www.aussieninjawarrior.com.au/hiit-ninjas-guide-prevent-gassing/

The image is 550 x 413, but I think it’s being stretched out to 814 x 610 (just going on the inspect tool in Chrome). Is there a way that I can make it smaller and centre it or does it need to be that big to fit the width of the column? Would most people make their featured images 814 x 610 to make it as sharp as possible?

I’m really happy with how the image looks in the blog summary on the main page, so I don’t want to do anything to mess that up. http://www.aussieninjawarrior.com.au/#blog

Thanks,
Adam.

[Veena]

Pls use the below custom CSS in themeoptions and check –

.single img.featured {
    width: auto;
}

[theadz]

That worked perfectly phoenix, thank you so much!

Is there any way to get the image centred in the column? Now that they are smaller, they are all left-justified…

[theadz]

Phoenix?

[Veena]

Pls use the below custom CSS in themeoptions and check –

.single.single-post .image-area {
    text-align: center;
}
.single.single-post .image-area img {
    display: inline-block;
}

[theadz]

Thanks phoenix, that’s perfect!

[Author]

Posts