1

How to change the color of the phone? It doesn't want to change! I want to change the color, but nothing happens. 

<span style="color: #808080;">☎</span>
nicael
  • 18,550
  • 13
  • 57
  • 90
Carmen
  • 19
  • 2
  • This is an emoji, actually. I dont think you can change its color. – Phiter Apr 01 '18 at 00:17
  • @nicael, it was a bad question to begin with, but by removing the example URL you have removed a critical amount of relevant information - the issue is _not_ actually with this snippet of HTML code that's left now. – CBroe Apr 01 '18 at 00:18
  • @Cbroe link is, essentially, useless info, because no matter where the color of the emoji stays the same and cant be changed via css. – nicael Apr 01 '18 at 00:19
  • @carmen, in general and for the next time, please go read [ask] and [mcve]. What the actual issue is here however only becomes apparent after a look at the DOM using browser dev tools - WP has replaced your ☎ character inside the span element with `☎` - and [that SVG](https://s.w.org/images/core/emoji/2.4/svg/260e.svg) just happens to be a red-ish telefon icon. Solution to that issue: https://wordpress.stackexchange.com/questions/185577/disable-emojicons-introduced-with-wp-4-2 – CBroe Apr 01 '18 at 00:20
  • Possible duplicate of https://stackoverflow.com/questions/32413731/color-for-unicode-emoji – Amit Beckenstein Apr 01 '18 at 00:23

4 Answers4

0

The code for a Black Telephone symbol is &#9742 ; There is also another alternative code for the above i.e. &#x260E ;

The code for a White Telephone symbol is
&#9743 ; There is also another alternative code for the above i.e &#x260F ; For example,

  1. ☎
  2. ☏
0

As far as the content between the span, it can change the colors or background via CSS or html style. Youre on the right track. But it can easily be changed to red and back to its default color as you desire. Here is my Fiddle on it.

It has both a default color and a condition to change it. I assume its HTML code friendly. (Added the unicode for Pi to be sure, and it also behaves like your emoji). So as long as the html unicode is present, its likely treated as a font character that can be edit via colors. Enjoy!

Gareth Compton
  • 159
  • 1
  • 12
0

&#9742 try this. this might help you.

zaheda
  • 1
-1

This is an emoji. I don't think you can change it's color. Try using fontawesome or bootstrap icons. Their colors can be changed easily.

Vatsal Agrawal
  • 1
  • 3