Removing Widget bullet list styling?

  • Hi,

    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?

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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

    did work for me:
    i’m working with default theme…

    .entry ul li:before, #sidebar ul ul li:before {
    content: “0BB 020”;
    }

    good luck
    tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing Widget bullet list styling?’ is closed to new replies.