Category Image Formatting

AI-generated summary

Category Image Formatting discussion summary:

Jim_Shilts1 had a formatting issue with excessive white space under category images. Johani suggested troubleshooting steps, including checking for site updates and testing in safe-mode. Jim_Shilts1 provided a link to their site, community.inc.redibuild.com, which led Johani to identify the issue: category logos were pushing text-based descriptions out of view, affecting layout. Johani provided a CSS solution to hide category descriptions and remove margin from logos, which Jim_Shilts1 successfully implemented.

can anyone help with a formatting question? There is a lot of white space under my category images, and I can not find a setting to adjust that. The images themselves are only as tall as the colored circles. Anyone know what to do? image: https://drive.google.com/file/d/11DNwKGoWkpP1Ymnikm3mY9STCFtF2qb6/view?usp=sharing

Welcome to Meta @Jim_Shilts1

I can’t reproduce the issue you described.

Is your site up-to-date?
Did you try safe-mode to rule out any theme/plugin CSS issues?
Can you post a link to your site so we can investigate further?

community.incredibuild.com

You’re adding category logos that already include descriptions. They force the text-based Discourse descriptions to be rendered out of view - because the category logos are so wide.

Even when they’re out of view, they will still affect the layout of their sibling elements.

Can you try adding this CSS to your theme under desktop > CSS

.category-list {
  .category-description {
    display: none;
  }
  .category-logo.aspect-image {
    margin-bottom: 0;
  }
}

like so

That worked!!! Thank you!!!