If you want to use Unicode characters in your css it can be done.
For example:
Let's say we want to include/alter the code for displaying the arrow-up/down button in events-list (front) and within
Joomla 3.
When viewing the code for the image in that page you'll see that the arrow-image has a class.
Code:
<i class="icon-arrow-up-3"></i>
And in your css you'll see something like:
Code:
.icon-arrow-up-3:before {
content: "\*charcode*";
}
.icon-arrow-down-3:before {
content: "\*charcode*";
}
It can happen that you don't see an arrow and in that case your template probably doens't have the code for it. In that case: add it.
As we want to use unicode for the characters we do the following:
- find the values for the character at:
www.fileformat.info/info/unicode/char/
- in this case the up/down buttons
- you can take a look at the value of UTF-16
- you'll see it's looking like: 0x02C5
- change it to: \0002C5
- add it to the css
As a result you'll have something like this:
Code:
.icon-arrow-up-3:before {
content: "\0002C4";
}
.icon-arrow-down-3:before {
content: "\0002C5";
}
