Skip to main content

Scrolling Lower Thirds

Set up scrolling captions over slides or live video

James avatar
Written by James
Updated over a week ago

A lot of churches we have spoken to needed a way to show their captions over slides or live video, but needed these to be contained to a smaller area - even when pastors speak quickly or use long sentences.

The scrolling display is the perfect option - they look just like this πŸ‘‡

Setting up your full screen display

Full screen displays are available at the following link - Just replace your-church with your own church handle:

Translated full screen displays are available here:

https://captionkit.io/s/your-church/l/language-code

Language code must match a translation that you have enabled in your dashboard. Here's our list of supported language codes:

Adjusting font size

Scrolling displays support adjusting the text size using the fontSize URL parameter. For example: https://captionkit.io/s/your-church?fontSize=12

Set number of lines

Display your preferred number of text lines by using the lines URL parameter. For example: https://captionkit.io/s/your-church?fontSize=12&lines=2

Position the captions

Captions are normally placed at the bottom of the window, but they can be pinned to the top instead. This can be set by adding the position=true URL parameter. For example:

Background color

Change the default background color for the caption area using the backgroundColor URL parameter. For example: https://captionkit.io/s/your-church?fontSize=12&lines=2&backgroundColor=rgba(0,0,0,0.5) or https://captionkit.io/s/your-church?fontSize=12&lines=2&backgroundColor=22c55e

Note: Remove the "#" when using hex colors. For example, a background color of #22c55e should be included as backgroundColor=22c55e

Stage Color

Normally the backdrop for the entire window is transparent, this is to support applications that allow for transparent layers - like Pro Presenter and OBS. You can also set a block color background to support chroma keying with the stageColor URL parameter. For example:

Note: Remove the "#" when using hex colors. For example, a background color of #22c55e should be included as stageColor=22c55e

Did this answer your question?