Databases
StackOverflow2013
Postsdbo
POlist-style not displaying for list elements despite !important?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POlist-style not displaying for list elements despite !important?
    text
    copied!<p>Ok, I have a wordpress theme installed here (www.sullivansuccesscoaching.com/home ...we need the /home because there is still an index.html hiding the wordpress install. This is intentional).</p> <p>On the /home page I have a jquery cycle.lite running for the .animCont class which basically fades the slides using opacity changes. The ol, ul elements are reset using a reset stylesheet similar to Eric Meyer's, as such, all the ol, ul elements are styled individually.</p> <p>Inside each .animCont li exists a div.teaser. In some of the div.teaser's there are unordered lists and I simply cannot get the list-style to take!</p> <p>Currently, the four lines of css code that are seemingly relevant are:</p> <pre><code>.featured .animCont .alignleft {margin:0 36px 0 0;} .featured .animCont .alignright {margin:0 0 0 36px;} .featured .animCont .teaser ul, .featured .animCont .teaser ul li {display:block;list-style-type:disc !important;} .featured .animCont .teaser ul li {line-height:18px;margin:6px 0 6px 20px;list-style-position:outside !important;} </code></pre> <p>For demonstration purposes here is a basic layout for the ul.animCont</p> <pre><code>&lt;ul class="animCont"&gt; &lt;li class="clearfix"&gt; &lt;a href="linkurl"&gt;&lt;img src="imageurl" /&gt;&lt;/a&gt; &lt;div class="teaser"&gt; &lt;h2&gt;The title&lt;/h2&gt; &lt;ul&gt; &lt;li&gt;something1&lt;/li&gt; &lt;li&gt;something2&lt;/li&gt; &lt;li&gt;something3&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- // .teaser --&gt; &lt;/li&gt;&lt;!-- slide1 --&gt; &lt;li class="clearfix"&gt; &lt;a href="linkurl"&gt;&lt;img src="imageurl" /&gt;&lt;/a&gt; &lt;div class="teaser"&gt; &lt;h2&gt;The title&lt;/h2&gt; &lt;ul&gt; &lt;li&gt;something1&lt;/li&gt; &lt;li&gt;something2&lt;/li&gt; &lt;li&gt;something3&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- // .teaser --&gt; &lt;/li&gt;&lt;!-- slide2 --&gt; &lt;/ul&gt;&lt;!-- // .animCont </code></pre> <p><strong><em>Edit: Below are the computed styles copied from Firebug</em></strong></p> <pre><code>.featured .animCont .teaser ul li { line-height:18px; list-style-position:outside !important; margin:6px 0 6px 20px; } style.css (line 238) .featured .animCont .teaser ul, .featured .animCont .teaser ul li { display:block; list-style-type:disc !important; } style.css (line 237) .featured .animCont li { display:none; width:100%; } style.css (line 232) html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:0 none; font-size:100%; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; vertical-align:baseline; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromul .featured .animCont .teaser ul, .featured .animCont .teaser ul li { list-style-type:disc !important; } style.css (line 237) ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; } reset.css (line 32) html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromdiv.teaser html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromli.clearfix html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromul.animCont ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; } reset.css (line 32) html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromdiv.featured_container html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromdiv.featured .featured { color:#E6E6E6; } style.css (line 213) html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromdiv.container html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromdiv#floatswrap.smallftfl html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromdiv#pg_wrap html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited frombody.home html &gt; body { font-size:14px; } basic.css (line 6) body { color:#273746; font-family:Tahoma; } style.css (line 76) body { font-family:"Helvetica Neue","Lucida Grande",Helvetica,"microsoft sans serif",Arial,Verdana,sans-serif; font-size:75%; } basic.css (line 1) body { line-height:1; } reset.css (line 29) html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } basic.css (line 11) Inherited fromhtml html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%; } reset.css (line 12) * { text-shadow:0 0 0 #000000; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload