Correcting list indentation issues with Drupal 6.x

These were indentation issues with UL and OL elements that appeared regardless of the active Drupal theme (albeit in slightly different form, depending on the theme).

The basic problem was twofold:

  • Cascaded UL or OL elements as well as their LI sub-elements, all appeared one right under the other, completely unindented
  • All these elements appeared slightly to the left of the left border of the content area

After browsing drupal.org for a while and not finding a solution, I decided to simply take care of it myself by directly editing the theme's style.css file. I did not change any of the existing style defs; I simply added the following:

ul{
    margin-left:20px;
}
ol{
    margin-left:20px;
}
li{
    margin-left:10px;
}

Post new comment

The content of this field is kept private and will not be shown publicly.

Share

  submit to reddit