Remove Border from smiley images in Wordpress

Idea for this post came because my blog’s new theme had borders over all smileys which looked a bit odd. So I thought why not make a post about it.

Open your theme’s style.css file and add this in last line:

[css light=”true”]img.wp-smiley{ border:none;}[/css]

That’s all. Nothing more. It will remove borders on all smileys and works with all themes in wordpress and for most versions of wordpress.


  1. Here it did not work, I have a customized theme.

    I added this line: img.wp-smiley{ border:none;}


  2. I too have borders on smilies. Going to try it now and I will come back to tell you the results. 🙂

    1. I am sorry to say but it didn’t worked for me. Still getting borders on my smilies ❓

    2. oops!! it worked! 😀

  3. thanks a lot .. i had this issue with 1-2 blogs of mine.

    Nice Blog 🙂

  4. Who would have thought of it! Cool!

  5. I will give this a try on the blog I have on wordpress.

  6. Friends of mine ran into the same problem – will be forwarding this post to them right away. Thanks!

  7. I’m going to forward this to my husband. Thanks.

  8. Need to forward this to a friend too in the UK that will love it! Thanks

  9. It works with Smilies-Themer! Sweet!

    Thank you!!

Comments are closed.