Thumbnail size issue

Posted in: Newspaper
Post count: 101

Hi.

Our site uses a lot of squared images for album artwork, and we can’t help but notice that sometimes they are stretched rather strangely, or cut in half whereas the original image has no issues at all.

Any idea how to resolve this ?

the address is http://v2.enola.be/category/muziek/muziek-recensies/

and it happens both in the mega menu at the “albumrecensies” and at the bottom at “van onder het stof”.

http://v2.enola.be/wp-content/uploads/2018/10/thumbmegamenu.jpg
Here the second album, Bent van Looy, is clearly too wide in comparison to the rest.

http://v2.enola.be/wp-content/uploads/2018/10/thumbstof.jpg
Here the fourth album is cut in half. This is a random row so you might need to refresh the page a few times to get the effect.

thanks for your assistance.

Post count: 35449

Hi,

Please try this Regenerate Thumbnails : https://forum.tagdiv.com/existing-content/

Thanks.

Post count: 101

Hi Calin,

tried that but after 2.6 hours, finished the regeneration, the issue is still there.

Post count: 35449

Hi,

Please make a test, change the feature image with another one with size for the thumb module ( documentation: https://forum.tagdiv.com/thumbnails-vs-featured-image-size/ https://forum.tagdiv.com/theme-thumbs/ https://forum.tagdiv.com/theme-blocks-modules/ ).

Thank you.

Post count: 101

Hi,

I have removed the image as a thumbnail, uploaded a totally different one from another source on internet and the problem persists, oddly enough… it’s even a tad bit worse than with the first original image.

Post count: 35449

HI,

Please add this custom css in Newspaper>Theme panel>Custom code >Custom css:
#menu-td-demo-header-menu-1 .td-module-image img {
height: fit-content;
}

See results: https://www.screencast.com/t/BShBTmeBzq

Thanks.

Post count: 101

Ok, closing in to the final solution.

The height is indeed now neatly corrected to everywhere the same, however…
the image is not shown completely, the others are 150 px square so they show in full, but once it’s bigger like 250px the picture is not automatically resized to fit.

Also the rest of the images in the menu are now stretched to fit the content without the width resizing.

what would be the correct css code to accomplish correct resizing ?
it’s a bit tricky finding out since the menu disappears trying to use the firebug extension.

thanks for your patience in this matter

http://v2.enola.be/wp-content/uploads/2018/10/Knipsel.png

and the album art causing the issue looks like this normally
http://v2.enola.be/wp-content/uploads/2018/10/20181009-looy-bent-van-yours-truly.jpg

Post count: 35449

Hi,

You can try to change the thumb size for mega menu ( here you can the thumb size https://www.screencast.com/t/bhJmWlAKM ), and the file you need to edit is td_module_mega_menu.php ( https://www.screencast.com/t/d6fu31s7zY )
If you’ll decide to make this change please remove the above custom css.

Thank you for your understanding.

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.