Theme CSS conflict with WordPress Smiley

[benyhirmansyahParticipant]

As you see, the smiley is not supposed to be looks like that. It seems that this CSS is the problem:

.post_box img { margin bottom: 27px}

So I ended up put this on my custom CSS:

.wp-smiley {
margin-bottom: 0 !important;
}

I think !important is not appropriate for internal CSS problem, but that’s only I can do to fix the problem instantly.

• This topic was modified 11 years ago by  benyhirmansyah.
• This topic was modified 11 years ago by  benyhirmansyah.

[ThomasKeymaster]

Try using this code instead:

img.wp-smiley {
    margin-bottom: 0;
}

Should take care of the problem.

[benyhirmansyahParticipant]

It’s same. I still have to apply !important to make it works. Perhaps a small fix in the next theme update, since wordpress smiley is one of wordpress core.

[ThomasKeymaster]

Whoops, I accidentally forgot to add the .post_box class in my previous solution.

Give this code a try:

.post_box img.wp-smiley {
    margin-bottom: 0;
}

This should do the trick.

[Author]

Posts