How to change color of hex code only Options

[gijeet]

Is there a way to change just the color of the hex code in this html snippet?
It does not seem to work for me.
The hex code makes a checkmark and I only want the mark red not the text
the <font> markup also does work and is not supported in html 5

the hex code is & #10004; I put a space btwn & and # so it does not get interpreted.

<p style="color:red;">✔</p> Same Day Shipping<br>

Thanks

[Christian J]

Is there a way to change just the color of the hex code in this html snippet?

Unsure nitpick: I think that's called an HTML decimal entity, compare https://unicodemap.org/details/0x2714/index.html

the <font> markup also does work and is not supported in html 5

You could use say a SPAN element instead:

CODE

<p><span>✔</span>Same Day Shipping</p>

Another idea might be to use CSS generated content:

CODE

p:before {
content: "\2714";
color: red;
}

Note how a completely different numerical code is used for the same character in CSS, no idea why.

Also I'm not sure how well supported this character is, to support older browsers you might use an image instead.

[pandy]

While SPAN would be more suitable, it shouldn't make a difference when it comes to if the color is displayed or not. I see no reason whey the posted example wouldn't work.

Or do you (the OP) by 'not work' mean that you don't want the line to break? Because red the check mark should be with the HTML/CSS you have.

[gijeet]

Sorry, I forgot to mention the code is inside a page builder. And I did change <P> to <span> which kept the checkmark on the same line as the text. Also, I used "&# 10003;" and now the checkmark is red. Not sure why the other code did not work but hey...it's working now.

Thanks for all replies!

[pandy]

Well, what you posted works just fine. So either you don't have it exactly like that in the real document, or something else is affecting it. Hard to imagine what that could be though.

[Brian Chandler]

Is there a way to change just the color of the hex code in this html snippet?

Unsure nitpick: I think that's called an HTML decimal entity, compare https://unicodemap.org/details/0x2714/index.html

Hmm, it's called "decimal" because it is a decimal number...

Note how a completely different numerical code is used for the same character in CSS, no idea why.

It's the same code: 10004 in decimal is 2714 in hex. I think you can write the HTML numeric wossnamethingy as & #x2714. (Note that "wossnamethingy" has the same semantic content as "entity", but it's longer.)

[Christian J]

It's the same code: 10004 in decimal is 2714 in hex.

Oh, at least some logic in the madness. But what is that UCS-2 Decimal: 5159 then?

[Brian Chandler]

It's the same code: 10004 in decimal is 2714 in hex.

Oh, at least some logic in the madness. But what is that UCS-2 Decimal: 5159 then?

I don't know what UCS-2 is. Perhaps it is just another way of encoding Unicode, like UTF-8, which makes high-value Unicode "ASCII-transparent". This is all a bit convoluted; Unicode itself is deliberately a mess, because its job is to enable round-trip conversion from every one of the relevant national character sets. So any craziness in (for example) Korean coding (three different codes for the same character depending on how it might be pronounced) has to be replicated in Unicode.