Custom emoji size?


#1

Hi,

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;
}

#3

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?


#5

Yes, i think? (Screenshot)


(Régis Hanol) #6

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


#7

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.


#9

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;
}

#11

Thank you zostrip. :grinning:


(Régis Hanol) #12