Paragraph Spacing
August 21, 2017 12:00 AM
Hi Trivantis! I have something for the wish list.
It would be really great to be able to set paragraph spacing for the entire document. I see that at the Title and AU levels, you can change the default font but no options for paragraph spacing.
Currently, we have to go into every text box and change the paragraph spacing so that paragraphs don't butt up against each other and that bullets/numbered items have some space between the items.
Thanks for considering!
Discussion (5)
That's a nice suggestion. Until it is implemented
It is pretty easy to change the default paragraph styling globally, but keep in mind what you do will supersede all other undefined style settings that conflict.
Add an HTML Extension - Cascading Style Sheet with the following:
p {
padding-top: 10px!important;
padding-right: 10px!important;
padding-bottom: 10px!important;
padding-left: 10px!important;
}
The above will put 10 pixels of padding all the way around each paragraph. You probably could get away with just padding-bottom and change the number to whatever you like. Have fun experimenting.
Again, I want to warn you that any property you set like this overrides any undefined styling that conflicts. Another thing to keep in mind is that Lectora sometimes exports using some unexpected markup to make things work with their programming so you need to make sure changing the default this way doesn't have an unanticipated effect on something else.
Hope this helps.
Hi Darrel,
I understand what you mean about changing the paragraph spacing and it overriding other formatting changes.
My thoughts are to have the paragraph spacing set within the templates we use so that the Spacing After Paragraph is 5 points from the start. If someone needs to squeeze bullets together by a point to fit on a page, that is done on a page/individual text box only basis (like it is now).
I appreciate your CSS sample. I'll test it out on some upcoming courses.
Thanks!
undefined
What I posted was for paragraphs, it won't work on bullets. I originally misread what you were looking to accomplish.
To move the bullets to the left of where they normally start in the textbox use:
ul {
padding-left: 5px;
}
For vertical spacing of bullets use:
ul li {
padding-bottom: 5px;
}
One of the beautiful things about Cascading Style Sheets (CSS) is that you can save this file and use it as a default on all your projects. The first thing you do after starting a new project is link to this style sheet; it's like setting defaults in Lectora (faster actually).
Yes, you can use points (pt) too. Do you come from print?
I use a similar approach, thanks to Darrel's guidance and some experimentation. I wanted to have the potential for different list types when using the Change Contents action and did not want to override the standard format of the ul tag. You could use something similar if you have a text block that does not have the Change Contents. This way, you can have different bullet styles to apply as needed.
/* Unordered list - style changes bullets */.ulList {
list-style:disc;
margin-left: 60px;
}
/* Ordered list - list style type is number; upper/lower roman for roman values, upper/lower-alpha */
.alphaList {
margin-left: 70px;
list-style-type: upper-alpha;
}
/* Changes specific list item */
.colorList {
color: #ff0000;
}
I'm not sure why I used list-style on one vs. list-style-type on the other, so I'm going to double check to see if there was a method to that madness.
A title level paragraph spacing option is currently on the road map. It's in Lectora Online and we hope to bring it into Lectora Inspire/Publisher in the near future.
Discussions have been disabled for this post