This content has been marked as final.
Show 2 replies
-
1. Re: Replacing the <ul> bullet with a character (no image)
Jon Fritz II May 28, 2013 1:24 PM (in response to jyeager11)Yes, it can be done with css. This is one way to do it...
<style>
ul {
font-size: 12px;
list-style: none;
}
li:before {
content: "♬";
}
</style>
-
2. Re: Replacing the <ul> bullet with a character (no image)
Nancy O. May 28, 2013 1:31 PM (in response to jyeager11)Yes. You could do this with the CSS before selector and HTML special characters.
http://designshack.net/articles/css/the-lowdown-on-before-and-after-in-css/
You need to use an utf-8-charset
ul li {list-style:none}
li:before {
content:'\266b'; /**musical note**/
padding-right: 12px;
font-family: Times, serif; /**for consistency**/
}
Nancy O.


