Remove Border from smiley images in Wordpress

Status
Not open for further replies.

Gigacore

Dreamweaver
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.

Code:
img.wp-smiley{ border:none;}

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

*farm3.static.flickr.com/2160/2276363527_96c0f4b728_o.jpg

Via: My Blog
 
Last edited:

New

Padawan
When you are going to release next version?make it in such a way that one can use that in IM also...
Tumba Dhanyavadagalu...
 
OP
Gigacore

Gigacore

Dreamweaver
^ he he.. i think this is not the place to discuss.. anyway.. we guys have bunch of exams on our heads. Will release next version in march or april.
 
V

vaibhavtek

Guest
Amazing tutorial gigacore.
Keep it coming.

Offtopic:-
*gigasmilies.googlepages.com/10a.gif
Gigacore I remember ur last avatar Intel inside that brain one.

For u ur new avatar
*www.jeboavatars.com/images/avatars/215637201067idiotoutside.jpg

Just joke donot take it serious.
I got that three days before so kept for u...!!!

btw can u just PM me that avatar I want to use that one if u still have.
 
Status
Not open for further replies.
Top Bottom