Custom emoji size?

Support
1

Hi,

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

2

I would add the following customization

img.emoji {
  width: 25px;
  height: 25px;
}
1 Like
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:

4

Did you enable the customization?

1 Like
5

Yes, i think? (Screenshot)

6

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

1 Like
7

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

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.

3 Likes
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?

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;
}
2 Likes
11

Thank you zostrip. :grinning:

1 Like