I’m trying to remove the numbers from an ol with class: commentlist but #main-content ol li keeps overriding. I set list type to none with ul, ol so my navigation will show up correctly and created style for ol and ul with ID:main-content so I can have lists in my post.
On pages with posts in wordpress the comments are an ol with a class:comment inside of the #main-content ID and display with the numbers of an ol.
I don’t understand why #main-content .commentlist ol li won’t work
Firebug says #main-content ol li is applied.
ul, ol {
display: list-item;
list-style-position: inside;
list-style-type: none; }
#main-content .commentlist ol li {
display: list-item;
list-style-type: none; }
#main-content ul li {
display: list-item;
list-style-position: inside;
list-style-type: square;}
#main-content ol li {
display: list-item;
list-style-position: inside;
list-style-type: decimal; }
#main-content ul, ol {
padding-bottom: 16px; }
#main-content {
float: right;
width: 550px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 20px; }
Thank you.
CM