Let Your WordPress Smilies Smile

I love smilies. I mean, just take a look at these two happy fellows.

They look pretty happy, right? I think they’d look a lot happier if they didn’t have the same background color and padding as the rest of the images in my theme though. Don’t you? Make sure you’re adding something like the following to your theme stylesheet somewhere after your main image styles. This is a good start for resetting the existing image styles you might have.

img.wp-smiley {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;

Do that in your WordPress themes and you’re all set. šŸ™‚

14 thoughts on “Let Your WordPress Smilies Smile”

  1. Hmmm. No.
    Oh, I like the trick. And it is definitely a good idea if you leave them on to have them display correctly.
    However, the best way to solve the background problem is to turn them off

  2. Great trick to make transparent smilies!
    I had to think about coloring them all with my background (I`m new to wordpress), but this tip saved me alot of troubles, i appreciate it.

Comments are closed.