Unordered Lists don't indent
michaels-musings.com - November 13, 2009 - 03:58
| Project: | Pixture Reloaded |
| Version: | 6.x-3.2 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
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
#1
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
#2
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.
#3
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;
}
*/