Featured Lists

Install this theme component

The component lets you filter custom topic lists and showcase them on your forum.

Default look

Settings Editor

Styling

For CSS styling the component structure is:

.featured-lists {
  &__wrapper { }

  &__list-container { }

  &__list-header { }

  &__list-body { }
}

For example you could style an old-school board look:

Or modern minimal panels:

If you do custom styles, please share them on this topic! :sparkles: :sparkling_heart:

14 Likes

Hi, how can i prevent the about the category topic from being displaed in the featured lists?

Also is it possible to hide a row if there is no topics within it? For example if i use a row for New topics it shows empty with the row information but no topics.

1 Like

Thanks for the feedback! I just updated the component, so it doesn’t render empty lists.

I don’t see a dedicated class for the about topics. But you could use a style declaration to hide pinned topics from the featured lists:

.featured-lists__list-body .topic-list-item.pinned {
  display: none;
}
1 Like

Thanks for the update, it works out great. Is it possible in the future that the post button by more actually posts to the designated category for the corresponding row?

1 Like

That should already work like this:

  • If you set a category or a tag the composer will pre-fill either or both.

  • If the list has no set category, the composer will pre-fill with the value from the site-wide setting default composer category:

How does it not work for you?

2 Likes

Nice component @nolo, I really like this, especially how easily customizable you made it so it can be adapted to other themes. Great work and thanks for sharing! :clap: :slight_smile:

2 Likes

Hi yes this works, what I was asking is if I set a category on a row that is different from the default one in admin, can a person who clicks post go to that category and not the one set in the admin settings?

I’m not sure what you’re trying to achieve… could you explain it with an example?

1 Like

If I set show on to Everywhere
How to hide Featured Lists when opening topics of a specific category?

You could either fork the component and add your specific condition to discourse-featured-lists/javascripts/discourse/components/featured-lists-wrapper.gjs at main · nolosb/discourse-featured-lists · GitHub.

Or just use some CSS declarations to hide the component on your specific categories.