You need to add something like this to your style sheet:
/*This controls the ul and li tags in center column*/
#content .liststy ul{
list-style: square outside none;
margin-left: 15px;
}
#content .liststy ul ul{
list-style: disc outside none;
margin-left: 15px;
}
#content .liststy ul ul ul{
list-style: circle outside none;
margin-left: 15px;
}
#content ul.ullist ul {
list-style: square outside none;
margin-left: 36px;
}
#content ul.square ul {
list-style: square outside none;
margin-left: 10px;
}
#content ul.square {
list-style: square outside none;
margin-left: 10px;
}
#content ul.square li {
list-style: square outside none;
margin-left: 10px;
}
#content ul.disc ul {
list-style: disc outside none;
margin-left: 15px;
}
#content ul.disc {
list-style: disc outside none;
margin-left: 15px;
}
#content ul.disc li{
list-style: disc outside none;
margin-left: 15px;
}
#content ul.circle ul {
list-style: circle outside none;
margin-left: 15px;
}
#content ul.circle {
list-style: circle outside none;
margin-left: 15px;
}
#content ul.circle li{
list-style: circle outside none;
margin-left: 15px;
}
Then when you make a list, you need to change over to the code view and wherever you have a ul tag, you need to give it a class, depending on what symbol you want.
Like <ul class=”disc”> or <ul class=”circle”>, etc. Then it will show on the front.