-
AuthorPosts
-
March 23, 2009 at 4:35 pm #139494
Is there a css block of selector property value combinations that suppresses the default unordered list disc/bullet in the ja_purity template.
I usually test with IE first. It seems to be an issue in all browsers, not IE only.
I have tried a few things but cannot seem to find the right combo,
For example:
div.article-content ul
{
list-style-type:none;
}
ul, ul ul
{
list-style-type:none;
}And other similar iterations.
I also scanned the Joomla and template css for !important overrides. And the modules for anything embedded. If its there I can’t find it.
For example. the standard W3C Schools example:
<style type=”text/css”>
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
</style>
</head><body>
<ul class=”disc”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul><ul class=”circle”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul><ul class=”square”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul><ul class=”none”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>Looks like this in the FCK editor: (as expected)
(see attachment 1)
But this is the template: (extra row of bullets near items)
(see attachment 2)
How do I add css to suppress the bullets closest to the items. I have tried a bunch of things as I listed at the top of the post.
Any ideas welcome.
dpminusa
-
February 12, 2011 at 2:22 pm #376390
This template uses an image for the bullet rather than letting the browser add a character. So I needed to comment the reference out. A better solution (more complete) would be to use a suffix to add some new CSS attributes and then reference them in the modules later.
<em>@dpminusa 119641 wrote:</em><blockquote>Is there a css block of selector property value combinations that suppresses the default unordered list disc/bullet in the ja_purity template.
I usually test with IE first. It seems to be an issue in all browsers, not IE only.
I have tried a few things but cannot seem to find the right combo,
For example:
div.article-content ul
{
list-style-type:none;
}
ul, ul ul
{
list-style-type:none;
}And other similar iterations.
I also scanned the Joomla and template css for !important overrides. And the modules for anything embedded. If its there I can’t find it.
For example. the standard W3C Schools example:
<style type=”text/css”>
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
</style>
</head><body>
<ul class=”disc”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul><ul class=”circle”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul><ul class=”square”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul><ul class=”none”>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>Looks like this in the FCK editor: (as expected)
(see attachment 1)
But this is the template: (extra row of bullets near items)
(see attachment 2)
How do I add css to suppress the bullets closest to the items. I have tried a bunch of things as I listed at the top of the post.
Any ideas welcome.
dpminusa</blockquote>
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)This topic contains 2 replies, has 1 voice, and was last updated by dpminusa 13 years, 9 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum
-