This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Stylish Smilies


Stylish Smilies adds CSS classes to text-based emoticons.
You can then reference these classes in your theme to style each emoticon differently:

.smiley {
/* Applies to all emoticons */
  color: black;
  font-weight: bold;

.biggrin {
/* Applies to :D only */
  background: green;

This plugin affects the following smilies:

8-) cool
 8O eek
8-O eek
 :( sad
:-( sad
 :) smile
:-) smile
:-? confused
 :D biggrin
:-D biggrin
 :P razz
:-P razz
 :o surprised
:-o surprised
 :x mad
:-x mad
 :| neutral
:-| neutral
 ;) wink
;-) wink


  1. Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the plugin from the “Plugins” page.
  2. Add some custom CSS in your theme’s style.css file to style your emoticons
  3. Start using emoticons in your posts and pages!


How do I get my old smiley icons back?

Disable the “Stylish Smilies” plugin via the “Plugin” panel (/wp-admin/plugins.php)

Contributors & Developers

“Stylish Smilies” is open source software. The following people have contributed to this plugin.


Translate “Stylish Smilies” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • First version ever!