Emoji Question

benconners · Member · Oct 8, 2015 at 8:37 pm
Copy link

Add topic to favorites
Hi guys,

I noticed that when I use standard emoticons, they fall inline with lines and paragraphs of text in my blog posts. But when I copy an emoji into a post, it always breaks out into a new paragraph, on its own line and aligned far left. Is there a CSS code I can add to fix this so emojis fall inline with text like standard emoticons do?

Thanks in advance

The blog I need help with is: (visible only to logged in users)
timethief · Member · Oct 8, 2015 at 8:42 pm
Copy link
I don’t help with CSS editing but don’t despair as other Volunteers do and Staff does follow-up and provide support too.

Just to be sure you have done this go to Dashboard > Settings > Writing Settings to enable the emoticons there

http://exploringtherockies.com/wp-admin/options-writing.php

Formatting
_Convert emoticons like :-) and :-P to graphics on display
thesacredpath · Member · Oct 9, 2015 at 3:15 pm
Copy link
Hi @benconners, can you point me to a page or post where this happened and I’ll see if I can figure out what is going on for you? It’s ok if it is a draft. Staff see those.
benconners · Member · Oct 9, 2015 at 3:30 pm
Copy link
Hi, thanks! Towards the bottom of this post:

October in the Sawatch: Emma Burr Loop

It’s not a huge deal, I’m just being nitpicky. Thanks for trying!
thesacredpath · Member · Oct 9, 2015 at 6:28 pm
Copy link
Hi there, the emoji code you are using has a class of “emoji” so we need to change the emoji CSS rule you have in your custom CSS a bit. Change this
```
img.wp-emoji {
    display: inline;
}
```
into this
```
img.emoji {
    display: inline !important;
}
```
The !important keyword has to be used to force the browsers to apply this rule.
benconners · Member · Oct 9, 2015 at 7:53 pm
Copy link
That did it, thanks so much!
thesacredpath · Member · Oct 9, 2015 at 8:52 pm
Copy link
You are welcome.

No items found.