Can We Represent Our Categories Like This on a Discourse Hosted Community

[Sidi_Codet (Olajuwon)]

I saw a design for category representation that I really like. Can we implement something similar on our Discourse-hosted community, or is this a specific theme or plugin?

[Moin]

You can definitely implement something similar. (That is a hosted Discourse community too)

As a starting point I would use the “Boxes with Subcategories” desktop category page style.

Then your box will look similar to this one

You can also add a category logo in the category settings

Then you can add some CSS to style it the way you like

Making custom CSS changes on your site

This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics CSS…

Tip: you can not only inspect your forum but also your example

[Sidi_Codet (Olajuwon)]

how do i locate the desktop category page style ??

[Moin]

It’s a site setting
Go to /admin/site_settings/ and use search to find it

[Sidi_Codet (Olajuwon)]

Thank you, I’ve seen it, but I’m not sure why it’s displaying two banners. The

top one

is fine, but the

second one

with my icon seems unnecessary.

How do I remove the second one ??

[Moin]

Default category heading not hidden when category banner is used

I had the same issue. You can fix that by editing your CSS: .category-heading { display: none; }

[Sidi_Codet (Olajuwon)]

yes that fixed, now please I want it show on mobile as well, is it possible ??

[manuel (Manuel Kostka)]

You can use GitHub - discourse/discourse-minimal-category-boxes for same styles on desktop and mobile.