Explore the community Forums Lectora Lectora Suggestions Paragraph Spacing

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #368389 Score: 1
    Profile photo of Vicki
    Vicki
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    picture perfect
    5 pts
    @Vicki

    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!

    This post has received 1 vote up.
    #368453 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    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 <p> 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 <p> 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.

    #368475 Score: 0
    Profile photo of Vicki
    Vicki
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    picture perfect
    5 pts
    @Vicki

    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!

    • This reply was modified 3 years, 2 months ago by Profile photo of Vicki Vicki .
    #368478 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

     

    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?

    #368516 Score: 0
    Profile photo of Jason Dalrymple
    Jason Dalrymple
    Member
    beginner
    intermediate
    profile
    wise owl
    curious george
    contributor
    friend finder
    advanced
    picture perfect
    54 pts
    @JasonADal

    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.

    #369124 Score: 0
    Profile photo of Jennifer Valley
    Jennifer Valley
    Member
    contributor
    beginner
    friend finder
    advanced
    lectora beginner
    verified member
    wise owl
    profile
    picture perfect
    curious george
    117 pts
    @jvalley4735

    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.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.