如何防止字幕被lightSlider截断？

Question

我已经写了一些代码来添加一个lightSlider来从各个ACF字段中提取信息。一切正常，但如果字幕长度超过两行，则字幕会被切断。

您可以在this link（或screenshot）上看到我在说什么。

self.start(loggedIn: { _, error in
    //...
// below line causes warning
}) { [weak self] (someInfo: SomeInfo?, error: ErrorType) in
    //...
}

lightSlider配置有以下设置：

<div class="tl_slide_photo_container">
            <ul id="light-slider" class="image-gallery">
                <?php foreach( $images as $image ): ?>
                <li data-thumb="<?php echo $image['url']; ?>">
                    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['caption']; ?>" />
                    <div class="caption-group">
                        <div class="caption column">
                            <p><?php echo esc_html($image['caption']); ?></p>
                        </div>
                        <div class="photographer column">
                            <p><?php echo the_field('media_author', $image['id']); ?></p>
                        </div>
                    </div>
                </li>
                <?php endforeach; ?>
            </ul>
        </div>