Bullets showing up on Plugin's Unordered Lists

For the life of me I cannot figure out how to get rid of these little #$%^ers. I've been on this for way longer than I should be. I've inspected every element and added

Code: Select all

list-style:none!important

everywhere I could think of. So far the plugins it is showing up on is the AJAX Event Calendar and Shopp Plugin.

I can't really share a link because the site is in development.

This is an amazing theme otherwise!

Hi,
In the css/shortcodes.typhography.css file, please change code about lists: (line 366)

Code: Select all

/* Lists */
article ul {
   margin: 2em 0;
   padding: 0
}
article ol {
   list-style-position: inside;
   margin: 2em 0;
   padding: 0;
}

article ul li,
article ol li {
   line-height: 1.8em !important;
   margin: 0 !important;
   padding: 2px 0 2px 28px;
   position: relative;      
}

article ul li:before {
   background: #333;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
         border-radius: 50%;
   content: "";
   display: block;
   float: left;
   height: 5px;
   left: 8px;
   position: absolute;
   top: 12px;
   width: 5px;
}


to:

Code: Select all

/* Lists */
article .intro ul,
article .content ul,
article .summary ul {
   margin: 2em 0;
   padding: 0
}

article .intro ol,
article .content ol,
article .summary ol {
   list-style-position: inside;
   margin: 2em 0;
   padding: 0;
}

article .intro ol li,
article .content ol li,
article .summary ol li,
article .intro ul li,
article .content ul li,
article .summary ul li {
   line-height: 1.8em !important;
   margin: 0 !important;
   padding: 2px 0 2px 28px;
   position: relative;      
}

article .intro ul li:before,
article .content ul li:before,
article .summary ul li:before  {
   background: #333;
   -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
         border-radius: 50%;
   content: "";
   display: block;
   float: left;
   height: 5px;
   left: 8px;
   position: absolute;
   top: 12px;
   width: 5px;
}


and fragment around line 424:

Code: Select all

article ol li {
   padding-left: 0;
}

replace with:

Code: Select all

article .intro ol li,
article .content ol li,
article .summary ol li {
   padding-left: 0;
}