Help > Forum > Topics & Posts > Changing the size of emojis

Changing the size of emojis

Emojis appear on your forum with dimensions of 20x20 pixels so that they don't exceed the line height of your text. If you would rather have your emojis appear with different dimensions or with the same dimensions of the emoji that you uploaded, please follow the instructions below.

  1. Log in to your Website Toolbox account.
  2. Click the Appearance link.
  3. In the Appearance menu, click the HTML link.
  4. Copy the HTML code below into the Forum Head Tag HTML Code textbox:

    <style>
    img.emoji.custom_emoji_img, img.emoticon {
      height: auto;
    }
    </style>
    <script>
    var editorContentStyle = "<style>img.emoji.custom_emoji_img, img.emoticon {height: auto;}</style>"; 
    </script>
    
  5. Save the changes.

Note that emojis will still appear with 20x20 dimensions in the admin area.

The code above will prevent the emojis from being resized. They'll appear with the same dimensions as they were uploaded, with no maximum height. If you'd prefer setting your own maximum height instead, you can change the word auto in the code above to a different size, such as 40px.


If you still need help, please contact us.