Skip to content

WordPress and the outsized smilies

WordPress has the annoying habit of displaying image smilies in the RSS feed completely oversized. This leads to hard to read texts in my feedreader TinyTinyRSS. An example, on the left the original and on the right the display in TTRSS:

But this can be solved quite easily with a small CSS snippet. At least for blogs hosted on wordpress.com or wordpress.org. Open the settings of TTRSS via Actions > Settings and scroll there to Custom stylesheet. The Customize button opens a small input window:

There you insert the following CSS code:

img[src*='s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji'] {
width: 14px !important;
vertical-align: middle;
}
img[src*='s.w.org/images/core/emoji'] {
width: 14px !important;
vertical-align: middle;
}

Alternatively you can hide the smilies completely instead of setting width and alignment:

img[src*='s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji'] {
visibility: none;
}
img[src*='s.w.org/images/core/emoji'] {
visibility: none;
}

Everything not pretty – but it works and I can read again in peace.