Custom Headers Based on Category


(Andy Czerwonka) #1

First things first, this is great to see all these technologies unite from a community participation perspective. Kudos to everyone involved in moving it all to Discourse. It looks great!

I searched Discourse Meta to see if I could find out how you integrated the top header with the focus on each product/category, but I couldn’t find anything other than a discussion of other trying to accomplish a similar thing. Is that some kind of Discourse plugin that allows for that customization? Or is it just a new Style?


(Konrad `ktoso` Malawski) #2

Is the question about how the header works?

It’s some css magic, you can check the source of the header to find out about it (inspect using firefox / chrome etc).

More or less uses things like:

body[class*='category-akka'] .lb-nav-item.lightbend,
body[class*='category-play'] .lb-nav-item.lightbend,
body[class*='category-lagom'] .lb-nav-item.lightbend {
    background: transparent url($logo-header-lb-icon) no-repeat left center;
    width: 50px;
    padding-left: 0;
}

(Andy Czerwonka) #3

Sorry, I was a bit vague. Yes, I looked, was more curious on how you got it in there.