Has anyone found issues when updating to the latest version of Discourse? All my category thumbnails are distorted. I only used customisation on the home page but even on the category pages they are all skewed. How can I change this? [Screenshot 2022-10-13 at 22.09.39]

Can you try with @supports (--custom: property) { body .category-logo.aspect-image { max-width: 150px; } }

Noone? [Laugh Lol GIF by PG Tips]

Maybe you have fixed it already, but it’s looking fine when I visit it anonymously: [image]

I think there was an update that added a new feature (dark/light category logos) that may have affected some customisations. I’m not 100% sure on the answer as to how to fix it yet, but I’m asking around. :+1: (Though hopefully @renato is right and it has magically fixed itself :crossed_fingers:)

Here I see the images look like @renato’s screenshot on Chrome, but like the OP’s on Safari. This is certainly a regression, apologies about that. It doesn’t look like you have any customizations, but you do have some very large images as category logos, for example the one in the OP is 2657x2657. So, two ways to fix: Upload smaller images. You can try with a 150x150 image, that one should work well. (This also makes the pages load faster, with the smaller images.) If you don’t want to reupload images, try with this CSS rule in a theme component: body .category-logo.aspect-image { max-width: 150px; }

Definitely not alone. I don’t understand the solution, though (being a complete newbie). Is there somewhere I can find a bit more information on what / where I need to implement the solution? Thanks.

Hello and welcome @Richard :slightly_smiling_face: You can add extra snippets of code to your site by creating a small theme component and attaching it to your theme: Go to /admin/customize/themes Click on install and then create new Give it a name, and select ‘component’. Create Add it to your theme Click on the Edit CSS/HTML button and paste the code into the Common tab And save. :+1:

I think there have been a couple of fixes added for this issue, so you may be able to remove your custom code after an update. :+1: https://github.com/discourse/discourse/commit/ab217d8ae0b06ae4a9ce94aa2ff200aa84789189 https://github.com/discourse/discourse/commit/c937b6dd36ace3c1fb005eba2c6fee83d5b1e073

Weird layout after update

Product Support

cokestroke (Clement Oke) October 14, 2022, 6:37pm 6

Yeah it looks OK on Chrome but not Safari. Any ideas why it would do that? I did try the max-width fix and it didn’t work. Also uploaded smaller images 450px square still no joy

Topic		Replies	Views
Category logo image overlaid by text after recent update Bug	16	1470	January 20, 2023
Tiny category image Product Support	5	438	March 29, 2026
Upgrade changed category image sizes Product Support	4	1636	December 3, 2018
Shrunken Category Images Product Support	11	3089	June 11, 2019
Category logos displaying larger than the original size Bug	6	935	January 17, 2023

Weird layout after update

Related topics