Why does a character display a different colour in editor versus the post?

• 

  shawnpt · Member · Nov 7, 2014 at 4:47 am

  • Copy link
  • Add topic to favorites

  At the bottom of this post – http://musiccanada.wordpress.com/2014/11/05/canadian-hot-100-5-november-2014/ – I have three maple leaf characters. In the editor, I coloured them differently – red, magenta, and blue, and they display those colours in the editor. However, in the published post, they all display as red. This is true for IE9, Firefox, and Gooogle Chrome. I cleared all cookies, etc. and the problem persists. Can this glitch be fixed?

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Nov 7, 2014 at 10:57 pm

  • Copy link

  They display as red, magenta and blue in Firefox 33 and IE 11.
  The browsers and versions of theme WordPress.com supports are at http://browsehappy.com

  I’m tagging this thread for Staff as they are not displaying correctly in Chrome 38. Please subscribe to it so you are notified when they respond. To subscribe:
  1. Look in the sidebar of this thread and find the subscribe to topics link.
  2. Or look below the comment box for this: _ Notify me of followup posts via e-mail

• 

  amightywp · Member · Nov 9, 2014 at 10:14 pm

  • Copy link

  Hi there,

  It looks like you are trying to use are trying to change the color of an emoji by using a font coloration. While this may work on some browsers, it is not something which is universally supported or recommended at this point.

  Instead I would recommend you find a small icon of a maple leaf in the colors which you prefer and embed them. The images may take a fraction of a second longer to load but they will ensure backwards compatibility.

• 

  shawnpt · Member · Nov 10, 2014 at 12:10 pm

  • Copy link

  Ah, gotcha. Thanks for looking into this.