Remove Border from smiley images in Wordpress

A problem arises when you add image borders. An unwanted ugly border will appear around the smiley whenever you or someone inserts it. This can be eliminated by adding a line of CSS code into your theme’s Stylesheet, keeping the image borders intact.

To remove the border, follow these steps:

1. Go to your wordpress Admin CP.
2. Click on Presentation and the select the theme for which you want to add image border.
3. Click on “Theme Editor”
4. Open “Stylesheet” or “style.css” whatever from the right hand list.
5. Now you must be able see the CSS codes.

Now copy and paste this code in a new line after any “ } “ close tag.

img.wp-smiley{ border:none;}

Code (markup):

This will remove the ugly borders around those smilies keeping image borders intact.



Via: My Blog

 

Yep i am already following the step
Have no borders my blog smileys since i started it.

 

Actually what I do is write a global style rule for all images to not only kill the border, but also set the vertical alignment to kill an IE bug.

img {
	border: 0;			/* this squashes a Firefox bug */
	vertical-align: bottom;		/* this squashes an IE bug */
}

Code (markup):

 

Nice information, Thx...

BR,

Adi

 

I've tried both fixes suggested and neither will remove the borders from around the smileys.......

Any ideas?

Thx

Jane

 

They should, especially mine. Something in your theme must be over-riding the reset then.