[Solved] ::after pseudo element / content

[Henri Helvetica]

Fooling around with some generated content and had a q?

how would I get the copyright logo to render within generated content??

.example::after { content: ‘& copy; my stuff ‘; } seems to generate:

& copy; my stuff

How should I got about placing it ?? the solution is prob in front of me…

Thx gents.

[Henri Helvetica]

… AND I may have answered my own q?

as per a blog post I just came across:

http://alanhogan.com/tips/css/special-characters-in-generated-content

Turns out you have to put in an escaped reference to the hexadecimal Unicode character value.

#metaInfo::before {
content: “\21D3”; /Hexadecimal for Unicode down arrow (⇓)/
display: inline;
}

** update **

further testing made the above solution produce me odd results (damn you internet). I ended up using \ 00 + hex value of character ( that you can find on any ascii table). So I ended up using \ 00A9 and it worked like a charm .

Sorry for the troubles and waste of cloud space!! ;)

[Author]

Posts