Editing Bullet Spacing

I’m using Freeway’s styles, not an external stylesheet, and I want to edit the default bullet spacing and can’t figure out how to do it.

I have four bulleted paragraphs and my line spacing is at 120%. All the paragraphs are evenly spaced at the 120%, but, I want there to be more space between the bullets, because the look all run together. When I set the space before and after to, say, 15px, it looks good on the regular text, all separated nicely. Once I click the indent, it goes right back to the regular 120% spacing. It’s only an issue with the indented items. Otherwise, I can adjust the spacing all I want.

---

Robin Stark

quote

You’d set the line-height of the bullets by creating a new style and adding this:

    #name-of-div li { line-height:20px }

You’d then have to replace it with the name of the HTML box and then target only list items in that using the “li”

To add this into Freeway you’d create a new Style in the CSS Palette and then in the TAG field enter

    #name-of-div li

That being whatever the HTML item name is along with “li”…and then make sure the NAME area is empty and then select “Extended” and add:

name: line-height
code: 20px

Then change it to whatever line-height you want and it’ll target any list items within that HTML item and give it the proper line-height.

quote

Dan, thank you so much. That closed up my bullets perfectly. I also added margin-top:5px and margin:bottom:5px, and they are now spaced apart just how I want them.

---

Robin Stark

On Jan 7, 2009, at 12:47 AM, Dan J wrote:

You’d set the line-height of the bullets by creating a new style and adding this:

#name-of-div li { line-height:20px }

You’d then have to replace it with the name of the HTML box and then target only list items in that using the “li”

To add this into Freeway you’d create a new Style in the CSS Palette and then in the TAG field enter

#name-of-div li

That being whatever the HTML item name is along with “li”…and then make sure the NAME area is empty and then select “Extended” and add:

name: line-height
code: 20px

Then change it to whatever line-height you want and it’ll target any list items within that HTML item and give it the proper line-height.

quote

Resurrecting this thread, I have a similar problem. I’m mainly concerned with the space between listed paragraphs (space after). Is that what the “margin:bottom:5px” is?

How do I make that a style in Freeway?

Thanks.

Bob

quote

Yes, Bob, that would change the space before and after (top and bottom). You add that in the same place where Dan’s instructions say to add the line-height, in Extended.

Select the style you made for your bullets and right click to edit it. Click on Extended (upper right) and enter in the name area:

margin-top

and in the Value area:

5px

or whatever number you want. Or, margin-bottom in the name area, if you want the space to be at the bottom of each bulletin. Or, add both.

quote

Perfect! Thanks very much, Robin.

Bob

quote