Fix margins on WordPress smileys

  • Resolved Matt Robinson

    (@mattyrob)


    12 years, 5 months ago

    Thanks for the update – I think the new version looks great and it seems faster too.

    I noticed on one of my sites that smilies in the content of my blog were displayed with top and bottom margins rather than inline with the text. Thanks to the available hooks in WPTouch this was easily fixed with:

    /**
Correct smiley margins in WPTouch
*/
function smiley_margin() {
	echo "<style type=\"text/css\">img.wp-smiley { margin: 0; }</style>";
}
add_action('wptouch_post_head', 'smiley_margin');

    It would be nice if that CSS could be added to the foundation CSS in a future version.

    http://wordpress.org/plugins/wptouch/

Viewing 3 replies - 1 through 3 (of 3 total)
  • BraveNewCode Inc.

    (@bravenewcode)

    12 years, 5 months ago

    Thanks for the suggestion!

    BraveNewCode Inc.

    (@bravenewcode)

    12 years, 5 months ago

    This will be fixed and included in 3.1.5.

    Thread Starter Matt Robinson

    (@mattyrob)

    12 years, 5 months ago

    @bravenewcode Inc.,

    Many thanks for applying the fix but unfortunately it doesn’t work by default.

    In the style.css file in the foundation page I think it needs ‘!important’ adding to the CSS otherwise it gets overridden later by the margin-top and margin-bottom .post ing class.

    The CSS for the core files needs to be:
    img.wp-smiley { margin: 0 !important; }
    for it to work.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Fix margins on WordPress smileys’ is closed to new replies.