WordPress.org

Forums

[resolved] [Plugin: Enhanced Categories] list-style:none; (7 posts)

  1. WebDev WaxLotus LLC
    Member
    Posted 6 years ago #

    I'm trying to suppress the li bullet image from being displayed.
    I did this on another site by using:

    .enhanced-categories-1 li {list-style-image:none;}

    But this does not work for me now!

    The elements' ancestor tree:

    html
    
        body
    
        div .container
    
        div .container-inner
    
        div .span-8 last
    
        div #sidebar
    
        div .item
    
        ul .enhanced-categories-1
    
        li .cat-item cat-item-3

    I ctrl-F5 in FF to check changes...

    Anyone?

  2. jbbrwcky
    Member
    Posted 6 years ago #

    Try:

    .enhanced-categories-1 li {list-style-image:none !important;}
  3. WebDev WaxLotus LLC
    Member
    Posted 6 years ago #

    Joyless.

    I was excited for a moment there!

    From the plugin, does this help?

    echo '<ul class="enhanced-categories-' . $this->ul_index . '">';
    		wp_list_categories($r);
    		echo '</ul>';

    I tried ul.enhanced-categories-1 etc...

    May I email you the link to this early alph dev site (I'm not worthy) via your website?

  4. jbbrwcky
    Member
    Posted 6 years ago #

    You could try:

    .item ul li { list-style-image: none !important; }

    And yes of course you can email me via there.

  5. WebDev WaxLotus LLC
    Member
    Posted 6 years ago #

    For those following the action at home, no joy, link sent...

  6. WebDev WaxLotus LLC
    Member
    Posted 6 years ago #

    Dang it.

    I even tried editing the plugin's .js to tweak the jQuery:

    jQuery(this).children('ul')
    .css({ listStyleImage: 'none' });

    jQuery(this).children('li')
    .css({ listStyleImage: 'none' });

    // Supress the liststyleimage
    jQuery('li', this)
    .css({ listStyleImage: 'none'
    });

  7. WebDev WaxLotus LLC
    Member
    Posted 6 years ago #

    The plugin author, Vincent P. pointed out the fix:

    ...your problem is not the styling of the list items but of the links inside the list item. It looks like they have a background image set to imitate the list item style.
    
    See style.css:
    
    #sidebar .enhanced-categories-1 a {
     background:none;
    }

    *weeps with joy*

Topic Closed

This topic has been closed to new replies.

About this Topic