Some of my featured images are vertically oriented (taller than wide, like portraits). The thumbnails for these normally look great, but certain posts will display a very tall featured image. For example, post template 2 shows a featured image that is 696px wide (on desktops), but apparently does not restrict the height of the image. Consequently, some of my vertical featured images are over 1200px tall. That is much too large for the post. Is there a way to set a vertical height limit on the 696×0 thumbnails for the theme? Or what’s the best way to fix these extra tall images?
Thanks for the great support!
Hi,
This is the default behavior of template 2. The best way to keep your images to not stretch to full height is to change the template and use any other one than template 2. If you wish to keep this template though, please provide a link to a post that displays the full height image and I will try to provide a fix for it.
Thank you!
Appreciate it. The site is currently in staging, so please use this info to access:
Username: guest
Pass: Cw(%k92JbY2$f@%gc125jHOY
And here’s a link to an example:
Post template 2 – tall featured image
It looks like I can manually crop the image thumbnail after it’s generated. However, that’s not the best solution, since I’ll have quite a few vertical images in the future as well. Appreciate any ideas you can offer.
Hi,
You can use this css trick to make the images height smaller:
.single_template_2 .td-post-featured-image {
height: 500px!important;
overflow: hidden!important;
}
.single_template_2 .td-post-featured-image a img{
transform: translate(0px, -100px);
}
Thanks.
That’s perfect—and a beautiful trick too! Thanks.
