WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] ul unordered list behaving badly (5 posts)

  1. whatwouldjamesdo
    Member
    Posted 4 years ago #

    Hi,

    ur: http://cluster.ischool.washington.edu/inserweb/

    I would like my ul to line up with all the other text and it's currently indenting too far. The same effect is happening in the sidebar. I've tried setting margin-left 0px;...

    any ideas? many thanks.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Try adding:

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

    to your stylesheet.

  3. whatwouldjamesdo
    Member
    Posted 4 years ago #

    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.

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    #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.

  5. whatwouldjamesdo
    Member
    Posted 4 years ago #

    Wow! That worked like a charm. Many thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic