Smileys distorted after update to 4.2

hi Edi,
sounds like a css setting of your theme (?) is overwritten.
Can you give me the URL of the page, so I can trace this down please.

Hi tuxlog ,
it’s my problem and my blog Edi asked for. I have two blogs, both updated to WP 4.2 It is the main blog https://www.mainzauber.de, where the plugin icons become very small and distorted. The theme is Baskerville von Anders Noren. On my second blog https://www.mainzauber.de/elke there isn’t any problem. The theme there is Fara by FlyFreeMedia. But I tried the main blog with another theme – I think, it was Twenty fourteen – and the problem was the same. I love my monalisa smileys and won’t miss them ??
Please help, if you can -thanks.
Elke / Miyelo

hi Elke,

it looks as if you changed some css settings in wp-monalisa-default.css.
If I change it back to

/* style for icon only table data element */
td.wpml_ico_icon {
    font-size: 8px;
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

the 30px are set to 100px at the moment.

After changing that it looks allwright in firefox and chrome for me again. Well the smilies have different sizes and thats why they do not align perfectly for the eyes. The images itself are aligned.

Maybe you can give an example where you saw/see the distorted smilies.

Hi tuxlog,
mal fix auf deutsch, geht entschieden besser. Danke für dein Ausprobieren auf meinem Blog. Es ist korrekt, dass ich an css settings die H?hen ver?ndert habe, das aber schon immer und problemlos, einfach weil die Smileys sonst nicht in die container passen. Dein Smiley im Kommentar wird in der Tat korrekt dargestellt. Gestern fiel mir noch auf, dass auch im Fotoblog einige Smileys korrekt andere verzerrt dargestellt werden. Hast du dir gestern mal die anderen Kommentare im vorangehenden Beitrag angeguckt? Da ist alles verzerrt. Ich werde in beiden Blogs das Plugin nochmal komplett l?schen und neu installieren und mir die Sache dann angucken, ohne etwas zu ver?ndern.
LG – Elke/Miyelo

I have the same problem.
After upgrading to 4.2 icons are smaller.
I haven’t touch the css at all.
I reisntall the plugin, but still the same problem.
Here is an example: https://www.e-artemis.gr/forumz/topic/5445/page/2283/#post-481838

Kostas

Same with my site too (see here for an example: https://www.perthtrailscene.com/discussion-forum/topic/newbie-2014-yz250f/#post-257367). It seems that the class=”wp-smiley” is added when we add a smiley, shrinking our custom monlalisa smileys to the default bbpress size?

The class wp-smiley has this declaration, which is the problem:

height: 1em !important;
width: 1em !important;

Apparently this is all related to the new wp emoji support. Here is a fix:

Add this to your functions.php:

remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles' );

@shanhard: Where exactly in the functions.php have I to add this code? I don’t understand very much of this and won’t make a serious mistake.

in your child theme’s functions.php file, just add it on after any exisitng code.
If you arent using a child theme you can add it to the theme’s main functions.php file but keep in mind you might need to add it again if you happen to update your theme later on (the update will remove any custom additions you make to your files).

Thank you very much.
Elke

It works!!!

Just in case one wants to keep the new emoji thing, you can also change wpml_func.php and replace wp-smiley with wpml_ico (one time).

I will publish this during the next hours. After that wp-monalisa has no dependency to the emoji stuff anymore.

Thank you very much!

Thanks @shanhard that works fine!

I put the above code into my Functions.PHP…

remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 );
remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ );

And now I have this error message that I have no idea how to address:

Warning: Cannot modify header information – headers already sent by (output started at /homepages/4/d161148011/htdocs/imjustsharing/wp-content/themes/crazy stripes/functions.php:9) in /homepages/4/d161148011/htdocs/imjustsharing/wp-includes/pluggable.php on line 1196

Help! lol

If you use the newest version this problem does not occur anymore.