Can anyone suggest how the Unbounce community is doing this: [Capto_Capture 2017-11-30_11-22-49_] You can see the live page here: Documentation

[image] alehandrof: Add a description… how? The description is the text you write inside the About category topic (the pinned topic automagically created when you create a new category): [categ-descr] With button: [Schermata da 2017-12-06 21-50-41] PS the description doesn’t appear imme…

It’s a simple but very clever workaround They have added a link at the end of the About category topic Then they simply customized that link with CSS: .category-heading a { display: inline-block; padding: 4px 10px; border-radius: 1px; border: solid 3px #F6921E; font-family: Wh…

That’s the CSS to make the link look like a button. I get that. But I still don’t understand how they got that whole section to appear above the navigation. Is there a built-in option for that? It also doesn’t account for the presence of the image.

It’s different in every category, though. Is that a thing?

[image] alehandrof: It’s different in every category, though. Is that a thing? That is a mystery. AFAIK, there can be only one Banner. Because they’re different. I think they’ve found a way to display Pinned topics as though they were Banners. Or wrote some code to allow more than one Banner…

You can use jQuery (or Handlebars for the brave) to create, position and style elements, on the fly, in specific pages. Discourse adds classes to the <body> tag that match the category you’re on.

So you think maybe they’re iframes containing the first posts?

The example website does not seem to be using iframes, I’m not extremely knowledgeable with the native Discourse element tree, but it looks like they have added a <section> that contains an <img> a <p> and an <a> with composer parameters to that match. In other words, plain html added to the native…

[image] alehandrof: That’s the CSS to make the link look like a button. I get that. But I still don’t understand how they got that whole section to appear above the navigation. Is there a built-in option for that? It also doesn’t account for the presence of the image. Sorry @alehandrof , I’m …

Right, @dax . The example of the category description from your forum is what I’d like to achieve. There are three pieces and I’m only missing one: :white_check_mark: Use CSS to style the link to look like a button :white_check_mark: Use the category logo setting to display an image to the lef…

Banner-type content for each category

Support

Mittineague (Mittineague) December 6, 2017, 6:37pm 4

It looks to be a Banner that they’ve used CSS to either offset or otherwise not display the “dismiss x”

Topic		Replies	Views
Category Banners Theme component official , category-banners	85	51439	November 11, 2025
What is it that creates the big heading which is based on the "About the ... category" topic? Support	3	196	October 10, 2024
Add banner to categories Support	4	334	December 22, 2024
Category Description Support	2	1381	December 11, 2022
Welcome / About Message on a Category Page Support	8	1864	September 28, 2015

Banner-type content for each category

Related topics