# Discourse Tag Sidebars

**URL:** https://meta.discourse.org/t/discourse-tag-sidebars/111114
**Category:** Theme component
**Tags:** deprecated
**Created:** [March 8, 2019, 8:28pm UTC](https://meta.discourse.org/t/discourse-tag-sidebars/111114 "2019-03-08T20:28:17Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 8, 2019, 8:28pm UTC](https://meta.discourse.org/t/discourse-tag-sidebars/111114/1 "2019-03-08T20:28:17Z")

</div>

> ⚠ This component has been deprecated, please check out [Topic List Sidebars](https://meta.discourse.org/t/discourse-topic-list-sidebars/107561) for the same functionality, and more!

This theme component takes a topic and applies it as a sidebar for a tag’s topic list. These sidebars are only visible when the browser is 767px or wider (most tablets and monitors).

Want sidebars for categories? Check out [Discourse Category Sidebars](https://meta.discourse.org/t/discourse-category-sidebars/107561).

 ![01%20PM](https://global.discourse-cdn.com/meta/original/3X/9/8/9884636155a0fce6394cecce7c8ae21ed5a1f687.jpeg)

## What can I do with this theme component?

- Choose a topic and display its content as a sidebar for a tag.

- Choose for the sidebars to appear on the left or the right of the topic list.

## How do I configure it?

Simply insert the tag name and the id of the topic (e.g. example.com/t/example-topic/ **57** )

 ![15%20PM](https://global.discourse-cdn.com/meta/original/3X/7/7/77945845bf8057611e9b6badb26973efe1e18b83.png)

I recommend creating sidebar topics in their respective tags, closing the topic so there are no replies, and unlisting it (so it doesn’t appear in the topic list).

Note that you can not use a topic in a private category as a sidebar in a public area.

## Custom CSS

Each tag sidebar is wrapped with a class that contains the tag name, so for the `test` tag that would be `.tag-sidebar-test`. You can use these classes to style the individual sidebars.

The body tag on pages with sidebars also has a class added so you can use `body.custom-sidebar` to apply styles on all pages that have a sidebar.

| | | |
| --- | --- | --- |
| 👓 | **Preview** | [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/awesomerobot/discourse-tag-sidebars) |
| 🛠 | **Repository** | [github.com/awesomerobot/discourse-tag-sidebars](https://github.com/awesomerobot/discourse-tag-sidebars) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

---

_[View the full topic](https://meta.discourse.org/t/discourse-tag-sidebars/111114)._