How to fix line height on bullets (and/or, how to fix CSS)

[Mark S.]

Putting bullets on items makes them ridiculously far apart, at least
in my implementation. Do I fix this by editing the source CSS, or is
there a more TW way?

Thanks!
Mark

[Eric Shulman]

> Putting bullets on items makes them ridiculously far apart, at least
> in my implementation. Do I fix this by editing the source CSS, or is
> there a more TW way?

All changes to CSS should be done by adding your customizations to a
tiddler named [[StyleSheet]]. The contents of this tiddler is
automatically *overlayed* on top of the standard default ("shadow")
stylesheets, which are named: StyleSheetLayout, StyleSheetColors,
StyleSheetPrint, and StyleSheetLocale.

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

[Dave Gifford - http://www.giffmex.org/]

Sounds like you might be using one of my TW adaptations, which all
have bulleted lists with extra spacing. If so, just go to Stylesheet
and delete the following:

/*UNORDERED and ORDERED LISTS TWEAK*/
.viewer li {padding-top: 0.5em; padding-bottom: 0.5em;}

Then you will be back to normal TW line heights.

Dave

[Mark S.]

Thanks Eric and Dave!

Taking out the line still left the lines a little closer than I
needed, and doesn't do anything about the UL block, which also has too
much space wrapped around it. Here's what I came up with:

.viewer li {padding-top: 0em; padding-bottom: 0; line-height:
1em ; }
.viewer ul {padding: 0 ; margin-top: 0 ; margin-bottom: 0 ; margin-
left: 25px ; }

It seems to work. Hopefully it isn't breaking something else.

Thanks!
Mark


On Jan 11, 4:49 pm, "Dave Gifford - http://www.giffmex.org/"