NSpeaks

A Blog about Blogging and Wordpress.

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:

img.wp-smiley{ border:none;}

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.

Related posts:

  1. Add Custom Smileys to WordPress without plugin
  2. Align Images in your Blog posts
  3. Integrating Coppermine Gallery with your WordPress
  4. What you need to know about WordPress 3.1
  5. Enhance WordPress Gallery feature with Plugins

14 Comments

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

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

    Karl

  2. Wow Amazing! Thanks a lot for the info!
    Cheers :)

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

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

    Nice Blog :)

  5. Who would have thought of it! Cool!

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

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

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

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

  10. Thank you!

  11. It works with Smilies-Themer! Sweet!

    Thank you!!