Size of images in post excerpts

  • Adrianw

    #7857

    I like Neo (especially the sliding side panel) and I’m hoping to switch permanently from WP Touch.

    There seems to be a problem with the displayed size of featured images in excerpts on my home page.

    See http://compton.parish.hants.gov.uk/

    It seems to be expanding the image to a certain size then clipping the top and bottom or left and right.

    The result is reasonable when the featured image is the size of the graphene header image (960 x 198), but not otherwise.

    Is there any control over the display of featured images in excerpts?

    When you display the complete post, it displays the featured image as expected (except the line spacing for h1).

    Thanks

    Adrian

    Admin

    Syahir Hakim

    #39577

    Can you point to the specific post on your site where this is happening?

    Adrianw

    #39578

    View our home page http://compton.parish.hants.gov.uk/ on an iPhone with Neo enabled.

    Featured post excerpts are shown one inder the other instead of in a slider.

    Several of these posts have the cspc logo [img]http://compton.parish.hants.gov.uk/web/wp-content/uploads/2012/10/cspclogoonly.png?fit=150%2C150[/img] as their feature image.

    (note: the image may be served from a different server because I’m using the Jetpack plugin Photon component)

    This logo renders fine when I view the full post, although the h1 text is too closely spaced.

    See screenshot

    But in the excerpt on the home page in Neo, the logo image has been magnified and cropped top and bottom.

    See this screenshot Photo%2031-07-2013%2013%2006%2025.jpg

    Other featured images are also cropped in excerpts on Neo, but this is the most obvious example.

    Admin

    Syahir Hakim

    #39579

    That is actually because the theme displays the featured image of the post in excerpts, and displays it in such a way that the image fills up the width of the device. Because the featured image that you’re using is smaller than the device’s width, hence the extreme zoom and pixelation.

    To fix it, try using a larger featured image. I will see about adding an option to disable the automatic featured image display in the next theme update.

    Adrianw

    #39580

    The problem is that the featured image is used in two ways.

    If it is 960×198 is it used as the header image for the post.

    It is also displayed as a thumbnail in excerpts.

    For excerpts the best format for a featured image is a small square image.

    Would the best solution be to allow two different featured images to be set: one for the header and one for us in excerpts?

    Adrian

    Admin

    Syahir Hakim

    #39581
    Quote:
    Would the best solution be to allow two different featured images to be set: one for the header and one for us in excerpts?

    For most people this would probably be more hassle than it’s worth it. For the time being, you can just use the Custom CSS feature to hide the featured image being displayed for the posts on the home page of the mobile theme.

    Adrianw

    #39582

    Thanks, I’m happy to use Custom CSS to disable images in excerpts.

    Can you give me a quick suggestion about what I need to put in the custom CSS?

    Admin

    Syahir Hakim

    #39583
    .home .entry-thumbnail {
    display: none;
    }

    Adrianw

    #39584

    Many thanks, that solves the problem for the home page.

    If you do a search by category, the problem with featured images being stretched occurs there still..

    Adrianw

    #39585

    I don’t think there’s anything more to be done on this so I will mark it resolved.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.