Best way to display featured image in a post?

Support Forums for LiveMesh Themes & Plugins Forums Agile Theme Support Best way to display featured image in a post?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25494
    theadz
    Participant

    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.

    #25501
    Veena
    Moderator

    Pls use the below custom CSS in themeoptions and check –

    .single img.featured {
        width: auto;
    }
    
    #25511
    theadz
    Participant

    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…

    #25522
    theadz
    Participant

    Phoenix?

    #25525
    Veena
    Moderator

    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;
    }
    
    #25542
    theadz
    Participant

    Thanks phoenix, that’s perfect!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Best way to display featured image in a post?’ is closed to new replies.