Removing Widget bullet list styling? (4 posts)

  1. James
    Posted 8 years ago #


    I Recently added a few widgets to my page and I'm trying to figure out how to remove the unordered list style from things like "recent posts", Blogroll, etc.

    I've searched all throughout my stylesheet for something pertaining to widgets, list ID's, classes, etc. and couldn't find ANYTHING pertaining to the widgets specifically.

    I figured I'm suppose to add a "list-style: none;" to wherever it is, but I just can't find it.

    Any Guesses?

  2. scribblerguy
    Posted 8 years ago #

    The theme might be using what's technically called "Descendant selectors" (see the CSS 2.0 spec page for Selectors).

    Which would be something like #sidebar ul li (that's from default Kubrick theme).

    If there aren't any sidebar list related CSS declarations, than you could use the general widget class ( .widget {list-style: none; } ) or the specific ID's of the widgets (look at the generated HTML for your site), which would be #meta {list-style: none; }.

    For CSS/stylesheet debugging, the following browser extensions are "must-haves" --
    Web Developer Toolbar and Firebug extensions for Firefox
    IE Dev Toolbar for Internet Explorer

  3. tlipowicz
    Posted 7 years ago #

    did work for me:
    i'm working with default theme...

    .entry ul li:before, #sidebar ul ul li:before {
    content: "0BB 020";

    good luck

  4. tlipowicz
    Posted 7 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic