# Custom emoji size?

**URL:** https://meta.discourse.org/t/custom-emoji-size/31787
**Category:** Support
**Created:** [August 5, 2015, 2:13pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787 "2015-08-05T14:13:53Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 5, 2015, 2:13pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/1 "2015-08-05T14:13:53Z")

</div>

Hi,

I added custom emoji set on my Discourse system. But emoji size seems small, how i enlarge this a little bit?

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [August 5, 2015, 2:19pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/2 "2015-08-05T14:19:37Z")

</div>

I would add the following customization

```css
img.emoji {
  width: 25px;
  height: 25px;
}

```

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 5, 2015, 2:24pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/3 "2015-08-05T14:24:28Z")

</div>

Thank you @zogstrip It’s a good idea. 😄 I added this code on CSS tab but nothing change. What did I do wrong? ☹

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [August 5, 2015, 2:29pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/4 "2015-08-05T14:29:40Z")

</div>

Did you enable the customization?

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 5, 2015, 2:34pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/5 "2015-08-05T14:34:10Z")

</div>

Yes, i think? ([Screenshot](http://prntscr.com/815142))

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [August 5, 2015, 2:35pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/6 "2015-08-05T14:35:24Z")

</div>

Have you tried refreshing the page and/or clearing your browser’s cache?

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 5, 2015, 2:37pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/7 "2015-08-05T14:37:33Z")

</div>

Yes, i tried hard refreshing (SHIFT + F5) on Google Chrome.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [August 5, 2015, 2:39pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/8 "2015-08-05T14:39:55Z")

</div>

My bad. You actually need to be more specific. Try with

```css
body img.emoji {
  width: 25px;
  height: 25px;
}

```

Note: 100x100 emoji is going to be HUGE.

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 5, 2015, 2:46pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/9 "2015-08-05T14:46:08Z")

</div>

It works now! Thank you. 🙂

I know, 100x100 is huge. I set this value for just tried. 😄

I must use Discourse emoji system more advanced. How i group custom emojies? I have too much custom emoji. Another question: Am i set custom size for different emoji?

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [August 5, 2015, 2:50pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/10 "2015-08-05T14:50:33Z")

</div>

There’s no way to group custom emojii.

If you want to set a custom size, you’ll have to match the “`title`” attribute with something like

```css
.emoji[title=":over_9000:"] {
  width: 9001px;
  height: 9001px;
}

```

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 5, 2015, 2:51pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/11 "2015-08-05T14:51:52Z")

</div>

> [@zogstrip](#):
>
> way to group custom emojii.

Thank you zostrip. 😀

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [August 5, 2015, 2:52pm UTC](https://meta.discourse.org/t/custom-emoji-size/31787/12 "2015-08-05T14:52:35Z")

</div>


