My (custom sized emojis) have suddenly resized smaller (becoming square)

Product Support

AI-generated summary

Users Kartoon and tortoiseontour report that custom-sized emojis in posts have unexpectedly shrunk to a smaller, square size—despite previously displaying at their native dimensions using CSS overrides like width: auto; height: auto;. The emojis still appear correctly sized in the emoji picker, but not in topic posts. Attempts to fix this via CSS targeting specific elements or individual emoji titles (e.g., img.emoji[title=":youremoji:"]) have failed. tortoiseontour confirms the issue affects their site too, even after switching themes, suggesting it’s not theme-specific. While posting the image directly bypasses the issue, users seek a proper fix. tobiaseigen notes troubleshooting may take time and asks for clarification on whether the issue affects post emojis or profile pictures. The problem appears tied to recent platform changes affecting how uploaded emoji images are rendered in posts.

1

For years I’ve had my emojis following their uploaded size using

div.topic-post img.emoji[src*="uploads"] { /* All posts */
  width: auto;
  height: auto;
}

But at some point recently they’re suddenly shrunk, not to default level (actually they possibly are using inspect they say they’re 20x20 maybe I’m just terrible at scale) but noticeably smaller (I’m not sure when exactly this happened). They still show up the normal size in the emoji picker but not in post, and I’m not sure why. They all appear to be “squaring” and adjusting accordingly. How do I get them to show up in their native size agian?

Screenshot 2025-05-06 042300
Screenshot 2025-05-06 042300839×405 64.9 KB

I’ve tried

div.topic-post img.emoji[src*="uploads"],
div.d-editor-preview img.emoji[src*="uploads"],
div.emoji-modal img.emoji[src*="uploads"],
div.d-editor-textarea-wrapper img.emoji[src*="uploads"],
div.title-wrapper img.emoji[src*="uploads"],
td.main-link img.emoji[src*="uploads"] {
  width: auto;
  height: auto;
}

And it does nothing.

I even tried to make just a specific one normal agian with

img.emoji[title=":youremoji:"] { 
    height: XXpx; 
    width: YYpx; 
}

Also nothing

Edit: I just adding a javascript command (then removed it) and it didn’t fix that but it shrunk them in the picker. I removed that, added the above command, and that fixed the picker but still nothing in the post

3

This may take some time to troubleshoot. How far have you come so far?

Are you talking about emojis used in posts, e.g. :hugs: , or user profile pictures?

Do you have a custom theme?

4

Not the OP but this is happening to my site as well. Tried everything they posted about, no dice. I am using a custom theme, but switching to different ones isn’t alleviating the issue. Talking about custom emojis used in posts like this:

example
example547×475 20.7 KB

It’s not the biggest issue in the world because you can just post the image itself to get around it instead of :emoji:. Still weird though, and if there’s a solve I’d love to know.