Support » Themes and Templates » [Resolved] Add bullet in front of widget block list

[Resolved] Add bullet in front of widget block list

Viewing 5 replies - 1 through 5 (of 5 total)
  • Since there is no padding on the <ul> there is no where for the bullet to show. There are two different solutions that I think should work. Feel free to try them both and see which suits you. Either ad

    list-style-position: inside;

    or change

    padding:0; to padding:0 0 0 15px;

    in the ul.group styles. Hope that helps!

    Thanks for replying :),

    I tried adding: padding:0 0 0 15px; but the bullets came out of alignment with the title of each post, so I tried creating the LI its own class and using the style-position as you suggested and added this to the style sheet:

    div#sidebar ul.group li {
    list-style-position: inside;

    the bullets now aligned but for some reason a bullet kept floating ontop of each widget titles block, this is a SS:


    not sure what it could be :S, what whould happen if I wanted to add a small image with an arrow instead? maybe it might be easier…

    ah!,i wanted to do that as well with the little > infront of every sidebar item but gave up cuz i couldnt figure out how to do it

    Soprano, try this instead to remove the dot next to the titles:

    div#sidebar ul.group li ul {
    list-style-position: inside;

    Pretty sure that would work, but let us know if it doesn’t.

    The bullet shows up above the <h2> tag because headings are always on their own line. Since you have “list-style-position” set to “inside” the heading moves down to it’s own line. Try this:


    However, now that the disc is on the outside we have to make room for it. Change: padding:0 0 0 15px; to margin:0 0 0 15px; and let us know how it goes.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Add bullet in front of widget block list’ is closed to new replies.
Skip to toolbar