Featured Categories Header

Thank you so much

1 Like

3 posts were split to a new topic: Product icons out of alignment after update

Just updated and refactored this component. It’s addressing the same use case, but technically it’s a new component.

If you have the component installed already and want to change to the new version, you’d need to re-install it from the new repository on the description. You’ll also need to adjust style declarations, as the html template is different.

The previous version just stays on it's repo. Expand these details to read the previous description.

This theme component adds a row of featured categories as a header banner. It just shows logos and names, so you should have a logo on each category you want to feature:

You can pick the categories in the component settings. Also added a few style declarations to change the look right there:

Screenshot from 2021-09-16 23-40-32

So it’s easy to get some different basic styles:

To do more customization, the classes are

html.categories-header{
  .below-site-header-outlet.categories-header {
    .wrap {
      .categories-header-item {
        [each item's link, logo, name..]
      }
    }
  }
}

Repository: GitHub - nolosb/discourse-categories-header

6 Likes