# 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:** 1\
**Showing post:** 170

<div class="post-metadata">

**Author:** ![Terrapop](https://avatars.discourse-cdn.com/v4/letter/t/ecd19e/32.png) [@Terrapop](https://meta.discourse.org/u/Terrapop)\
**Post date:** [May 28, 2021, 12:00pm UTC](https://meta.discourse.org/t/topic-list-thumbnails/150602/170 "2021-05-28T12:00:51Z")

</div>

> [@david](#):
>
> `![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)`

Hi @david,

I have the following requirement and maybe you can point me to how to achieve this.

Sometimes we have a topic that we want to share via social media and we prepare an image for it that should be used as thumbnail and for the og:image tags, but we don’t want it to be visible inside the topic.

How could we realize something like this e.g. add “hide” to the sizes and then a class is added to the image container that applies “display: none;”?

> `![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)`

---

_[View the full topic](https://meta.discourse.org/t/topic-list-thumbnails/150602)._