Category List with Banners

[nolo (Manuel)]

Happy you l ike the component! Not sure why you accuse me for ripping you off by using your work though…?

Doing this component was inspired by this topic:

Creating a nicer layout

Hello all, I’m new here, and wasn’t sure where to post this since this questions about CSS/HTML were outside the scope on the support category. Anyway I digress. I came across Discourse through another platform I frequently use, and moved my Forum over to Discourse. The layout that is used on the platform looks really nice and I’m trying to do something similar. Anyone an idea how to do this kind of thing? [Screenshot] just a basic HTML/CSS edit or do I need to use a plugin?

I had referred the op to your solution, but then got interested how to solve this without hard-coding the templates and by de-constructing values from a settings list within scss. So the component code is essentially all about this solution:

How to add settings to your Discourse theme

Thanks for the hint, @Osama In the end it wasn’t as straightforward as I would have thought. I used a function to split strings into lists, iterating twice over the list from theme settings and creating a nested list that can be used with the @rule.

nested-list.scss

@function str-to-list($string, $separator, $startAt: 1) { $item: str-slice($string, $startAt); $list: (); $index: str-index($item, $separator); @if $index == null { $list: ($item); } @else { $list: (…

But in any case: if you feel I used some of your work and I missed to give credits, kindly let me know and I’ll update the first post