# Christmas hats!

**URL:** https://meta.discourse.org/t/christmas-hats/51846
**Category:** General
**Created:** [October 21, 2016, 10:05am UTC](https://meta.discourse.org/t/christmas-hats/51846 "2016-10-21T10:05:21Z")
**Posts on this page:** 1
**Showing post:** 19

<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: [December 15, 2021, 12:01pm UTC](https://meta.discourse.org/t/christmas-hats/51846/19 "2021-12-15T12:01:45Z")

</div>

Well, looks like the old CSS doesn’t work for desktop Topics anymore, but here’s an update:

```plaintext
$url_of_christmas_hat_asset:'###my-hat-url###';

.post-avatar::after {
  position: absolute;
  content: '';
  display: block;
  top: -30px;
  left: -24px;
  width: 80px;
  height: 80px;
  background: url($url_of_christmas_hat_asset) no-repeat center;
  background-size: contain;
}

```

Which is nice, because this is now generic for Desktop & Mobile

But you probably want to use one of the packaged Theme Components …

---

_[View the full topic](https://meta.discourse.org/t/christmas-hats/51846)._