WordPress.org

Forums

WPtouch Mobile Plugin
[resolved] Fix margins on WordPress smileys (4 posts)

  1. mattyrob
    Member
    Posted 1 year 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/

  2. BraveNewCode Inc.
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks for the suggestion!

  3. BraveNewCode Inc.
    Member
    Plugin Author

    Posted 1 year ago #

    This will be fixed and included in 3.1.5.

  4. mattyrob
    Member
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WPtouch Mobile Plugin
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic