Support » Plugin: WPtouch Mobile Plugin » Fix margins on WordPress smileys

  • Resolved mattyrob

    (@mattyrob)


    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)
  • Plugin Author BraveNewCode Inc.

    (@bravenewcode)

    Thanks for the suggestion!

    Plugin Author BraveNewCode Inc.

    (@bravenewcode)

    This will be fixed and included in 3.1.5.

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