Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • dpminusa Friend
    #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


    1. unordered_list
    2. Unordered_list_template
    dpminusa Friend
    #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>

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