# Preview image for own themes

**URL:** https://meta.discourse.org/t/preview-image-for-own-themes/389978
**Category:** Support
**Created:** [November 30, 2025, 4:53pm UTC](https://meta.discourse.org/t/preview-image-for-own-themes/389978 "2025-11-30T16:53:25Z")
**Posts on this page:** 1
**Showing post:** 12

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [May 22, 2026, 11:44am UTC](https://meta.discourse.org/t/preview-image-for-own-themes/389978/12 "2026-05-22T11:44:56Z")

</div>

The code I shared above broke recently. The class name changed, so the CSS selector no longer matched (I think it happened in [#40001](https://github.com/discourse/discourse/pull/40001)). This is the updated version I use on my forum now:

lowercase & replace spaces with hyphens

SCSS var name

```css
.theme-card.=THEME_NAME= .theme-card-preview__image-wrapper svg {
 display: none;
}

.theme-card.=THEME_NAME= .theme-card-preview__image-wrapper {
 background-image: url($=UPLOAD_NAME=);
 background-size: cover;
 background-position: center;
}

```

---

_[View the full topic](https://meta.discourse.org/t/preview-image-for-own-themes/389978)._