Forums

[resolved] Smileys (emoticons) are not aligned with text (3 posts)

  1. dczepiel
    Member
    Posted 2 years ago #

    Hello,

    Have a problem with emoticons on my website. Take a look HERE.

    line 4 - let me know :) <-- is what I have
    I want it to change into a smiley face but then the image is higher then the text line and if there is a line directly above it all gets messy.
    Do you know how I could change so that the emoticons display in line with the text ?

    Would appreciate your help !

  2. alchymyth
    The Sweeper
    Posted 2 years ago #

    it seems to be caused by the image margins in this style from /library/styles/screen.css:
    p img {margin:1.5em 1.5em 1.5em 0;padding:0;}
    (smileys are ordinary images for css, although they have their own class that you can use)

    try to add a more specific style for the smileys at the end of style.css:
    p img.wp-smiley { margin: 0px 5px; }

  3. dczepiel
    Member
    Posted 2 years ago #

    it works perfectly, thank you !

Topic Closed

This topic has been closed to new replies.

About this Topic