Change Video Player Subtitle Size

How to change the video player subtitle size.

Updated over a week ago

Are the subtitles too small after adding the VTT file? You can change the subtitle font size to make it easier for viewers to read.

If you need help knowing how to add subtitles, please read our help guide on the topic so you can have a step-by-step explanation.

To change the font size, insert a small line of code to either a new CSS file or add it directly to the theme.liquid file. We recommend making a backup before making any changes to your site.

To add the code:

Navigate to Customization, select Advanced, and on the drop-down box, click Code Editor. From there, click on theme.liquid which is under Templates, and you will be ready to add the code.

Add the code below just before the closing style tag:

.uplayer-video-cue>span[data-v-3f10b97a] {
font-size: 30px !important;
}

After adding the subtitles, click Save Changes. You should be all set!

NOTE: Our support team is unable to assist with custom coding. While we provide you with the instructions, you will need to contact a 3rd party developer for assistance with any custom coding questions or issues.

Did this answer your question?