# قبعات عيد الميلاد!

**URL:** <https://meta.discourse.org/t/christmas-hats/51846>\
**Category:** General\
**Created:** [21 أكتوبر 2016، 10:05ص UTC](https://meta.discourse.org/t/christmas-hats/51846 "2016-10-21T10:05:21Z")\
**Posts on this page:** 1\
**Showing post:** 11

<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:** [19 ديسمبر 2018، 11:53ص UTC](https://meta.discourse.org/t/christmas-hats/51846/11 "2018-12-19T11:53:08Z")

</div>

Thanks for this

You can also add to avatars within Topics, of course, adding (for Desktop):

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

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

```

In my case I defined `$url_of_christmas_hat_asset:'my-url';` at top.

For mobile CSS, just use same but change:

```plaintext
  top:-30px;
  left: -24px;

```

---

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