# How do I make the topic list more compact?

**URL:** https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214
**Category:** Support
**Created:** [January 21, 2025, 4:19pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214 "2025-01-21T16:19:55Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 21, 2025, 4:19pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/1 "2025-01-21T16:19:55Z")

</div>

![jjjj](https://global.discourse-cdn.com/meta/original/4X/4/5/e/45e15f547dee82311beb3ebfa4048d59ad7577b9.png)

There’s too much white space. (Don’t worry, I will be editing the dividing line color).

I saw some other threads from like 2017 where they were editing it with CSS, but it seems like that CSS doesn’t work anymore.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [January 21, 2025, 4:28pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/2 "2025-01-21T16:28:26Z")

</div>

Try this as a basis.

> [@globe\_with\_meridians www theme](https://meta.discourse.org/t/www-theme/247575):
>
> information_sourceSummary A theme featuring brutalist web aesthetics.hammer_and_wrenchRepository [GitHub - discourse/www-theme · GitHub](https://github.com/discourse/www-theme)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)eyePreview [Theme Creator](https://discourse.theme-creator.io/theme/awesomerobot/www-theme) Install this theme Internet blue, tight line heights, Arial x Times New Roman, marquees…I am excited to share this theme inspired by aesthetics of the brutal …

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 22, 2025, 7:39am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/3 "2025-01-22T07:39:11Z")

</div>

Oh that looks awesome

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [January 22, 2025, 8:38am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/4 "2025-01-22T08:38:47Z")

</div>

Here is some CSS for that… (let me know if it works!)

```plaintext
.topic-list .topic-list-data {
    padding: .1em .5em 0 !important;
    line-height: normal !important;
}

.topic-list-main-link,
.latest-topic-list-item .main-link,
.topic-list .main-link {
    font-size: var(--font-0) !important;
}

.topic-list-main-link a.title,
.latest-topic-list-item .main-link a.title,
.topic-list .main-link a.title {
    padding: 0 !important;
}

.topic-list .num.posts a,
.topic-list .num .badge-posts {
    padding: 0 !important;
}

.topic-list .link-bottom-line {
    display: inline !important;
}

.topic-list .excerpt {
    margin: 0 !important;
    line-height: normal !important;
}

.topic-list .posters {
    width: auto !important;
    max-width: 146px !important;
}

```

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 23, 2025, 2:54pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/5 "2025-01-23T14:54:35Z")

</div>

Thank you so much, it looks incredible! Exactly what I was looking for.

Would you happen to know how to make the individual posts more compact as well?

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [January 23, 2025, 3:08pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/6 "2025-01-23T15:08:28Z")

</div>

Great!

What exactly do you want the individual posts to look like?

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 23, 2025, 3:17pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/7 "2025-01-23T15:17:50Z")

</div>

![ggggg](https://global.discourse-cdn.com/meta/original/4X/7/e/6/7e650b2ebb549daecbf4d9219093a8cc81577246.png)

How do I eliminate the whitespace? I like the dense, compact look you provided earlier.

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [January 24, 2025, 10:26am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/8 "2025-01-24T10:26:47Z")

</div>

Which are the white spaces you want reduced?

You could draw arrows and write in the spaces to show me, or a before and after picture.

Also a link to the live page if possible.

---

<div class="post-metadata">

### Author: ![LotusJeff](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lotusjeff/32/477888_2.png) [@LotusJeff](https://meta.discourse.org/u/LotusJeff)
#### Post date: [January 24, 2025, 12:53pm UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/9 "2025-01-24T12:53:09Z")

</div>

Can you provide an after picture to see the css changes to the topic listings?

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 27, 2025, 3:04am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/10 "2025-01-27T03:04:53Z")

</div>

![imageedit_7_5002977264](https://global.discourse-cdn.com/meta/original/4X/7/6/6/7662ca5057f4d9d6cd7131fc191ac727e3fac3bc.gif)

How do I get rid of this whitespace?

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 27, 2025, 3:06am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/11 "2025-01-27T03:06:44Z")

</div>

![Screenshot at 2025-01-26 22-06-18](https://global.discourse-cdn.com/meta/original/4X/4/3/5/4358df7001aa86af3990231119982875ecdb9f29.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [January 27, 2025, 4:18am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/12 "2025-01-27T04:18:10Z")

</div>

> [@Johnny\_McIvor](#):
>
> How do I get rid of this whitespace?

This should cover what you highlighted. Feel free to adjust based on the original value.

```css
.topic-post {
  .topic-body {
   padding-top: 0; /* 0.8em */
  }
  
  .cooked {
     padding-bottom: 0; /* 1em */
  }
  
  .post-menu-area {
    margin-top: 0; /* 20px */
    margin-bottom: 0; /* 20px */
  }
}

```

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [January 27, 2025, 4:22am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/13 "2025-01-27T04:22:09Z")

</div>

Thank you.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [February 26, 2025, 4:22am UTC](https://meta.discourse.org/t/how-do-i-make-the-topic-list-more-compact/348214/14 "2025-02-26T04:22:59Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
