# Topic List Thumbnails

**URL:** https://meta.discourse.org/t/topic-list-thumbnails/150602
**Category:** Theme component
**Tags:** official, topic-list-thumbnails
**Created:** [May 6, 2020, 2:15pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602 "2020-05-06T14:15:18Z")
**Posts on this page:** 12
**Page:** 9

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [December 10, 2025, 1:06pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/346 "2025-12-10T13:06:07Z")

</div>

For topics without images, I only want the topic title to be visible. Is there a way to do this?

 ![ytrrrr](https://global.discourse-cdn.com/meta/original/4X/2/d/9/2d914b62fac90804e63493503b10123f7af024a9.png)

---

<div class="post-metadata">

### Author: ![dsims](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dsims/32/485916_2.png) [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [December 10, 2025, 1:56pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/347 "2025-12-10T13:56:08Z")

</div>

> [@jasedepuit](#):
>
> Specifically, is it possible to set it so the thumbnail is only displayed if an image is found to display? i.e. - rather than having a placeholder when there’s no image, just don’t display anything?

> [@Ahmed26](#):
>
> For topics without images, I only want the topic title to be visible. Is there a way to do this?

I was able to do this with a little CSS

```plaintext
.topic-list-thumbnail.no-thumbnail {
    display:none;
}

```

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [December 10, 2025, 2:15pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/348 "2025-12-10T14:15:01Z")

</div>

> [@dsims](#):
>
> ```plaintext
> .topic-list-thumbnail.no-thumbnail {
> display:none;
> }
> 
> ```

Thank you very much, that’s exactly what I was looking for.

---

<div class="post-metadata">

### Author: ![nat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nat/32/235063_2.png) [@nat](https://meta.discourse.org/u/nat)
#### Post date: [January 7, 2026, 4:02am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/349 "2026-01-07T04:02:38Z")

</div>

A post was merged into an existing topic: [How to display content excerpts in the theme component Topic List Thumbnails if no image in a topic?](https://meta.discourse.org/t/how-to-display-content-excerpts-in-the-theme-component-topic-list-thumbnails-if-no-image-in-a-topic/392571/3)

---

<div class="post-metadata">

### Author: ![ZAICOM](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zaicom/32/539888_2.png) [@ZAICOM](https://meta.discourse.org/u/ZAICOM)
#### Post date: [January 22, 2026, 8:43am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/350 "2026-01-22T08:43:59Z")

</div>

Thanks to the authors. It is a great component.

There are some issues in masonry mode. When the thumbnails are retrieved from different ways, uploaded images, logos and images pulled from links and placeholder image, the current solution is using blur to take the unused width.

I think the better way is to use let thumbnail to take the whole width of the container and then let the height naturally take space while keeping image radio.

I tried to customize CSS but the issues like thumbnails and texts will conjuncture I cannot solve. I am expecting a newer version will solve it for me.

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [February 26, 2026, 2:21pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/351 "2026-02-26T14:21:21Z")

</div>

2 posts were split to a new topic: [Disabling thumbnails on mobile breaks mobile view](https://meta.discourse.org/t/disabling-thumbnails-on-mobile-breaks-mobile-view/397136)

---

<div class="post-metadata">

### Author: ![xlg256](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xlg256/32/555005_2.png) [@xlg256](https://meta.discourse.org/u/xlg256)
#### Post date: [May 18, 2026, 10:44pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/352 "2026-05-18T22:44:11Z")

</div>

Thank you so much, David Taylor, for such an amazing theme component!

In the blog style, it seems that the reply count is not working:

 ![Blog-Style1](https://global.discourse-cdn.com/meta/original/4X/3/6/4/364a8914eb846d1898ef0da4a2b9046b9ef5e5d9.png)

 ![Blog-Style2](https://global.discourse-cdn.com/meta/original/4X/e/9/2/e926f607192e7b10eee834cedaeb5ebc9620377b.jpeg)

Really appreciate if you can fix this, many thanks!!!

---

<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: [June 22, 2026, 10:03pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/355 "2026-06-22T22:03:14Z")

</div>

Thanks for reporting this, I’ve just made an update to fix it here: [UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub](https://github.com/discourse/discourse-topic-thumbnails/pull/99)

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [June 24, 2026, 5:51am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/356 "2026-06-24T05:51:55Z")

</div>

I’m using the Topic List Thumbnails component on my Discourse forum. On mobile view, topics without a featured image are displaying a default/fallback thumbnail image

Show image-less topics as a normal text-only topic row, without any reserved thumbnail space or left-side gap.

Is there a setting, CSS solution, or theme component customization that can achieve this?

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [June 25, 2026, 11:07am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/357 "2026-06-25T11:07:22Z")

</div>

I found a solution with Claude AI

```css
/* Hide thumbnail on mobile for topics without an image */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
  display: none !important;
}

/* Fix grid layout for topics without an image (no thumbnail column) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
  grid-template-columns: auto 15% !important;
  grid-template-areas:
    "title replies"
    "data data" !important;
}

```

---

<div class="post-metadata">

### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [July 27, 2026, 3:39pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/358 "2026-07-27T15:39:58Z")

</div>

There is still no workaround for using thumbnails in Horizon? That feature is a must for us and we really like the theme.

---

<div class="post-metadata">

### Author: ![Adur](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@Adur](https://meta.discourse.org/u/Adur)
#### Post date: [August 13, 2026, 11:46am UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/359 "2026-08-13T11:46:40Z")

</div>

(deleted)

Nevermind.

[Previous page](https://meta.discourse.org/t/topic-list-thumbnails/150602.md?page=8)
