Custom emoji size?



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

(Régis Hanol) #2

I would add the following customization

img.emoji {
  width: 25px;
  height: 25px;


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

(Régis Hanol) #4

Did you enable the customization?


Yes, i think? (Screenshot)

(Régis Hanol) #6

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


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

(Régis Hanol) #8

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

body img.emoji {
  width: 25px;
  height: 25px;

Note: 100x100 emoji is going to be HUGE.


It works now! Thank you. :slight_smile:

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

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?

(Régis Hanol) #10

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

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


Thank you zostrip. :grinning:

(Régis Hanol) #12