# Separating Pinned Topics

**URL:** https://meta.discourse.org/t/separating-pinned-topics/322567
**Category:** Development
**Tags:** pinned-topics
**Created:** [August 20, 2024, 8:40pm UTC](https://meta.discourse.org/t/separating-pinned-topics/322567 "2024-08-20T20:40:03Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Alteras](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alteras/32/179824_2.png) [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [August 20, 2024, 10:49pm UTC](https://meta.discourse.org/t/separating-pinned-topics/322567/2 "2024-08-20T22:49:03Z")

</div>

You can look into using the [Filtered Topic Lists](https://meta.discourse.org/t/filtered-topic-lists/321031) theme component with the `in:pinned` query.

If you instead want to stick to CSS, you can do something like this:

```css
// target the last pin in the list
tr.topic-list-item.pinned:has(+ tr:not(.pinned)) td {
  // rough way to force space inside a table row
  padding-bottom: 1.8em;
}

tr.topic-list-item.pinned:has(+ tr:not(.pinned))::after {
  // content to display in the space if wanted
  content: 'regular';
  width: 100%;
  position: absolute;
  display: flex;
  height: 1em;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  border-top: 1px solid var(--primary-low);
}

```

---

_[View the full topic](https://meta.discourse.org/t/separating-pinned-topics/322567)._