No indent in CSS list, need CSS expertise

  • In my template i have a list (using tags ul and li) to display the hierarchy om some pages.
    For this I use a pluging. Hardcodng it gives me the same problem so it should not be related to the pluging, but rather to the style sheet/ CSS.

    The problem is that it gets displayed without the indent.
    So instead of displying the levels of pages and sub pages (hierarchy) they all come out without the indent in just a plane long list.

    see: (on the right side) https://forum.steepstone.com/newss/?page_id=67

    I have gone through the stylesheet several times, with no luck. frustrating.

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

  • try adding ul ul { padding-left: 10px; margin-left: 10px; }

    to style.css.

    use padding or margin or a combination of both to get the look you want.

    or, if you don’t want it to influence any lists in the content – try using
    #icesidebar ul ul { .... }

    Thread Starter steepstone

    (@steepstone)

    It seems that the problem is caused by * {padding:0;}. If I remove this from the style sheet, it will influence the ovarall structure and design.

    You tip described above didn’t solve the problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘No indent in CSS list, need CSS expertise’ is closed to new replies.

Tags