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.

14 Comments


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

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

    Karl


  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! :D


  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.