Hi,

In Pixture Reloaded unordered lists don't seem to indent properly. Attached are screen shots of the same page in Garland and Pixture Reloaded.

http://drupal.org/files/pr-ul-no-indent.jpg

http://drupal.org/files/garland-ul-with-indent.jpg

Is there some place in the theme css to add the indent back? Or undo whatever is stripping the indent? (I doubt it's hard, I just don't know enough about theming :( ) Oddly when I changed the third group to an ordered list, it indents fine.

Here's the page from the screenshots: http://michaels-musings.com/how-be-healthy-in-one-page-or-less

And the code of one of the unordered lists:

<h3>Habits / Lifestyle:</h3>

<ul>

  <li>Brush your teeth with a non-toxic, non-caloric sweeter.  (Stevia , Xylitol, etc.)</li>

  <li>Don't run, jog, do aerobics, power walk, "sweat your ass off," etc. to "lose weight."</li>

  <li>Do pleasurable things that give exercise.  (Walk, enjoy your favorite sport, play with children, garden, etc.)</li>

</ul>

Thanks
Michael

Comments

michaels-musings.com’s picture

michaels-musings.com commented

Hmmm, Drupal.org ate the attachments?

Since I cleaned up the original page, here's a junk page with both ordered and unordered lists on it:

http://michaels-musings.com/junk-page-pixture-reloaded

Michael

Jeff Burnz’s picture

Jeff Burnz commented

Its in the CSS:

style.css

ul {
margin:0;
padding:0 0 0 1em;
}

It was a stylistic design decision, so its not bug really, just not one of my "best ever" ideas, I'll definitely clean that up when I start on the new version for Drupal 7.

michaels-musings.com’s picture

michaels-musings.com commented

Thanks Jeff!

I was playing with Pixture as well, it has the same issue. So, for those with even less an understanding than me, the style.css file is at sites/all/themes/pixture/style.css or sites/all/themes/pixture_reloaded/style.css depending on which theme your using. The fix is to comment out the "ul" entry. Which is somewhat of a shotgun approach and the examples below are probably overkill...

Thanks again,
Micaehl

Here's what mine became:

Theme: Pixture Reloaded

/*

** Remove unordered lists lack of indent

ul {

  margin: 0;

  padding: 0 0 0 1em;

}

*/

and, Theme: Pixture

/*

** Remove unordered lists lack of indent

ul {

	padding: 0;

	padding-left: 1em;

	margin: 0px;

}

*/
leeyuiwah’s picture

leeyuiwah commented

I am using 6.x-3.2, and for some reasons I am having a slightly different problem -- an ordered list (ol) goes to negative indent to the left by 20 pixels; but an unordered list (ul) (correctly?) stays at the margin (0 pixel).

I examined the file sites/all/themes/pixture_reloaded/style.css. There is a section on ul but not for ol

ul {
margin: 0;
padding: 0 0 0 1em;
}

I tried commenting the above out and there was no effect.

I tried also emulating a ol tag to have the same style of ul by adding this section, and it also had no effect

ol {
margin: 0;
padding: 0 0 0 1em;
}

leeyuiwah’s picture

leeyuiwah commented

Hi,

I didn't have the time to troubleshoot the problem. So I did the following hack -- I enclosed the ordered list (ol) in a division for which I provided a style for padding to compensate for the negative indent by padding 20 pixels on the left. That is, something like

<div style="padding: 0 0 0 20px;">
<ol>
<li>cat</li>
<li>dog</li>
<li>goldfish</li>
</ol>
</div>