Update changed the "category logo" settings and now all the pictures are microscopic. revertable?

Support
1

After updating to the newest version 20 minutes ago all of the banners in the individual sections have been relegated to some weird box and shrink to an impossibly small size. If there was also text the text is a readable size beside it (although this has also been redesigned). I haven’t changed any settings other than the upgrade

Screenshot 2025-08-08 042512
Screenshot 2025-08-08 0425121179×121 2.09 KB

Looking in settings now it says it wants 1:1 aspect ratio was this always what was “recommended” or is this a change? I feel like that’s not what it said but idk. It definitely wasn’t required. Because all of mine match with the main site one which is decidedly designed to be rectangle. That’s kind of a messed up change to force I made like 40 individually unique ones

2

What do you mean by “individual section banners”?

3

“Category logos” every board has one. This site has a giant pink box that says support. It completely arbitrarily redesigned the entire thing

4

So do you have a problem with the category banner component (the one using the category color, like support here on Meta) or with the category description and image that is shown by Discourse core when you upload a category image?

screenshot showing both banners
screenshot showing both banners1777×979 158 KB

Did you try safe mode?

1 Like
5

The category headers were restyled recently, UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub

You can change the image size with some CSS, perhaps something like this will help:

.category-heading__logo.category-logo.aspect-image {
  width: auto;
  height: 100px; 
}
3 Likes
6

It has nothing to do with what I did, something was changed in core with one of the latest updates I’m not using any plugins. The entire design was changed. I don’t know how to explain it any better and I don’t have a screenshot of the old style but anyone who’s seen the two will know what I’m asking. The entire ratio of the logo was changed, the way the text appears is different, it’s now framed in a box. It completely destroyed the way we had it using the default options

Edit: You can see in the screenshots posted in the link above UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub the old style was on the left, except a 1:1 ratio wasn’t required (or requested) for the logo and the entire format was different. It’s now forced all the logos into a shrunk square and reformatted the entire thing making the text the dominant feature, which has destroyed all of them for us.

It wouldn’t be an issue if it originally said use 1:1 ratio, it didn’t so we made individual versions of the main Banner Image (and not the square logo) maintaining the same shape and design, for each section.

This seems like it’ll work I’ll just have to play around with the size, thank you!

Edit: It doesn’t work on mobile as it pushes the text out of the box and stretches the page out horizontally. I fixed that with

@media (max-width: 768px) {
  .category-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3em; /* Adds minimal spacing between logo and text */
  }

  .category-heading__logo.category-logo.aspect-image {
    height: 140px;
    width: auto;
    margin-bottom: 0; /* Remove extra spacing */
  }

  .category-heading__title {
    font-size: 1.4em;
    margin-top: 0; /* Prevent extra spacing above text */
  }
}

This pushes the text underneath the logo. If anyone else needs it..