Support » Themes and Templates » ul unordered list behaving badly

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    Forum Moderator

    Try adding:

    .post ul {
    margin:0;
    padding:0;
    }

    to your stylesheet.

    esmi,

    Thank you! I modified your style a bit to get the effect I wanted:

    .post ul {
    margin-left:0;
    padding:0.2em;
    }

    which fixes the main content issue perfectly.

    to get rid of the bullet in the sidebar i ended up doing to following for the sidebar css:

    #shoutsidebar			{ list-style-type: none; width: 330px; float: right; }
    #shoutsidebar ul		{ list-style-type: none;  }
    #shoutsidebar ul li		{ list-style-type: none;  }
    #shoutsidebar ul ul		{ list-style-type: none;  }

    which is probably not the best way to deal with it — do you have an idea of how I could do that better so my sidebar content doesn’t indent or have the bullet?

    thanks again.

    esmi

    (@esmi)

    Forum Moderator

    #shoutsidebar li {list-style-type: none;} should be sufficient to remove bullets from all list elements in the sidebar. With regard to indents, start with:

    #shoutsidebar ul {
    margin:0;
    padding:0;
    }
    #shoutsidebar li {
    margin:0;
    padding:0;
    }

    and then gradually increase the margins and/or padding on #shoutsidebar li until you have the spacing/indentation that you want.

    Wow! That worked like a charm. Many thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘ul unordered list behaving badly’ is closed to new replies.