suggestion for font color and height of subtitles

[wonwater]

There is only green color for font and I cannot choose any other font color. Could you please make it possible to choose other font colors, specifically white and black? And also could you make it possible to move the height of subtitles?

[gignupg]

At the moment I don't have time to add this feature to the official extension, but you can add it yourself relatively easily as I've explained here. Hope this helps, let me know if you need help making it work!

[wonwater]

Could u please write the code to change color of font color? I've added ' subtitleText.style.color = 'white'; ' but it didnt work... And also the code to customize the position of text.

[gignupg]

Hey @wonwater, you can drag and drop the subtitles and place them anywhere you want. Just make sure "edit mode" is disabled in the settings menu. You can open the settings menu by clicking on the Movie Subtitle icon. Regarding changing the color of the subtitles, I updated the code snippet and tested it on my computer. This should be working for you now:

javascript: (function () {
    const subtitleBackground = document.getElementsByClassName('jss4')[0];
    const subtitleText = document.getElementsByClassName('jss6')[0];
    const subtitleArrows = document.getElementsByClassName('jss26');
    subtitleBackground.style.backgroundColor = 'orange';
    subtitleText.style.color= 'purple';
    subtitleArrows[0].style.color = 'purple';
    subtitleArrows[1].style.color = 'purple';
})();

[wonwater]

After adding the right up code, there appears only orange background without text color changing... T.T

[wonwater]

[gignupg]

Interesting! I see you're using Language Reactor. Other extensions such as Language Reactor might interfere. Either try disabling Language Reactor and see if that works or try updating the line with the subtitle text color to the following:

subtitleText.style.setProperty('color', 'purple', 'important');