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

AI-generated summary

The discussion revolves around customizing category representation on a Discourse-hosted community. Sidi_Codet shared a design idea, and Moin suggested using the “Boxes with Subcategories” desktop category page style to achieve a similar look.

Moin provided steps to customize the category page, including adding a category logo and styling with CSS. Sidi_Codet asked for help locating the desktop category page style, and Moin pointed out that it’s a site setting.

Sidi_Codet encountered an issue with two banners displaying and was directed to a meta discussion by Moin to resolve the issue. After fixing the banner issue, Sidi_Codet inquired about displaying the customized category page on mobile devices. nolo suggested using the discourse-minimal-category-boxes plugin to achieve the same styles on both desktop and mobile.

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?

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

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

how do i locate the desktop category page style ??

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

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 ??

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

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