Increase the summary length of a post in the home page - DoIt (Hugo Theme)

[soto-sergio]

I want to share with the DoIt community and for future reference.

1. To increase the length of a summary of a post in the homepage from 70 to x amount:
   In Hugo's config.toml file, add the line summaryLength = "x" with the x amount of words desired.

2. The next step consists in increasing the lines of text that are displayed in the box where the summary is contained.
   Locate the following file and increase the value from 3 to y amount of text lines.
   

   DoIt/assets/css/_page/_home.scss

   Line 127 in 0ef5b0f

   -webkit-line-clamp: 3;

• This line clamps the box size of the summary to three lines of text and increasing the amount will display more text.

[zc-devs]

For point 2 you should better use styles customization:

/* assets/css/_custom.scss */

.home[posts] {
    .summary {
        .content {
            @include box(vertical);
            -webkit-line-clamp: 5;
        }
    }
}

[HEIGE-PCloud]

That line clamp limit is removed in a recent commit, so now you don't need to adjust CSS anymore :)

[zc-devs]

Great! Will drop it with next release.

(I came from LoveIt and currently using DoIt 0.4.0)