How do I make emoji render in Cornerstone?

When I switched hosting to SiteGround, my x-buttons don’t anymore render emoji correctly. They now appear as “?”…

They still appear ok on Cornerstone’s page editor though.

What do you think is the setting that’s causing the conflict here?

I used to have the same issue before as well, when I was with BlueHost. It just somehow vanished later. Not sure what setting fixed it.

I reckon it must be an encoding issue

Hey @allancaeg,

Do you have any caching plugin enabled?
If you are using Jetpack, Just deactivate and activate it and check.

Hope this helps!

Regards

Hi @rahul!

I did try deactivating Jetpack, but it remains the same…

Hey @allancaeg,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information(Use Secure Note):

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

All the best!

Added the secure note above :slight_smile:

Thank you!

Hello There,

Cornerstone uses the HTML escape functionality to avoid security holes regarding the characters used in front end of the website. That functionality is not done while in editing mode, that is why the Editor mode shows the emoji and the front end does not. As an alternative kindly add images instead and that should do the trick.

Hope it helps.

I see.

This used to be fine until I changed my hosting provider… what did change and how can I make it work like before?

Hi there,

I am not sure why this was working for you before, but actually, it should not work because of the fact that my colleague stated in the previous answer.

You need to use the image equivalent of emojis in COrnerstone to render correctly in Front End. Disabling the security HTML escape function is out of the discussion as it will make a big security hole for attacks.

Thank you for your understanding.