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

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.