How do I add a transcript box to my blog post?

[WideBlueSound]

I’d like to add a transcript box to the bottom of each blog post, so that I don’t have a huge run of text. Similar to this one:

How did I go about doing this? Thanks.

[jade]

Hello Nathan,

You can make sure of a text element for this one and to limit the height of the element and get the scroll bar, add a class to the text element then add this code in X > Theme Options > CSS:

.transcript {
    max-height: 200px !important;
    height: 200px;
    overflow-y: scroll !important;
    background-color: gray !important;
}

The code above assumes that the class you have added to the text element is transcript. If you want to use the same styling to other pages, simply add the class to the text element of other pages.

Feel free to edit the CSS code above until it fits your requirement.

Hope this helps.