Hi, I am using Air Theme, which looks awesome! I have set my categories as boxes. When I upload an image 200 x 200px it does not fit nicely. I am not sure what css I would need to make it look like the box on the right but with my image. So the colour goes to the edges the same way the one on the r…

I have a fix here → DEV: fix image size by jordanvidrine · Pull Request #49 · discourse/discourse-minimal-category-boxes · GitHub If you update the modern category boxes theme component installed onto the air theme, it should fix your issue. Thanks!

Just an update. This is what it says on the upload screen - Recommended 1:1 aspect ratio with 200px minimum size. If left blank no image will be shown. - I have also made it 1000 x 1000 and there is no change, so I think this might be an issue with the way the theme is working. Apart from it not dis…

Hi there – is this on your hosted trial? If so, you will not be able to edit the CSS on our Starter plan, I’m afraid.

Hi Hawk, Thanks for your reply. No I am on a fresh self hosted install with Air Theme. I kind of think there is an issue with the theme with aligning the images correctly. All I did was upload my file in the recommended ratio and the displayed result is as you see it above. It would be nice if th…

There’s a margin-top: .5em on the parent div, which shifts the parent and the child image down. You can try overriding this behavior: categories-list .category .category-logo.aspect-image { margin-top: 0; } I think this issue should have an official fix, though.

[image] Coin-coin le Canapin: categories-list .category .category-logo.aspect-image { margin-top: 0; } Hi Coin-coin le Canapin, Thank you for the css code. I am not really sure where to add this. I did search online and I think I need to add it as a component to the air theme. Which I d…

Hi Hawk, Is there a way I can tag someone from the Air Theme team on this post to try and get a resolution to this issue. I did try the css that was mentioned by another user in this post but it did not seem to work. Cheers Bec

No worries. Thank you very much.

Hey there! Thanks for reporting this. I will take a look and get you an answer soon, or add the fix to the theme.

Hi Jordan, Thank you very much. Yes that has fixed the issue with still seeing the placeholder in the background. I wonder if you can tell me how I can make my image go to the edges of the box like the place holder does. It looks much nicer and I was expecting it would look the same when I uploade…

Category Boxes Image Alignment Issue

Support

HAWK (Hawk) March 16, 2025, 3:59am 10

Hi Bec, I have assigned a designer to take a look but I can’t give you a timeframe sorry, it’s the weekend.

Topic		Replies	Views
Adding category images in Air Theme with Modern Category + Group Boxes Support	0	200	February 5, 2024
Include category logo aspect ratio in setting description UX	7	1142	September 12, 2023
Oversized category images Bug category-groups	2	388	September 27, 2023
Images in the ‘fancy styling’ version of the Category cards have gone very small Support category-groups	5	219	September 9, 2024
Shrunken Category Images Support	13	2786	November 14, 2022

Category Boxes Image Alignment Issue

Related topics