How to lower subtitles

[Ajvngou]

I just need them lower... there are almost at the center of screen. And how to reduce gap between two lines?

[milan-magyar]

Hey @Ajvngou!

You can use normal css to position the lines.

.youtube-external-subtitle { padding-top: 100px; } will help you lower the subtitles.

With .youtube-external-subtitle span { margin-bottom: 10px; } you can increase/decrease the space between the lines.

[Ajvngou]

I got some results...

1. Its Wordpress, so some CSS styles at my theme (Sparkling) was at conflict. I use .youtube-external-subtitle { line-height: 1em; } and margin-bottom: 0px; now the gap is OK.

2. anyway, i am struggling to put them down... (i can go to console and try modified values - and there it is working, but not at web)
   my Wordpress web (Sparkling theme) here,

And when I watch the video on my mobile phone, I don't see the subtitles on it, they only show at simply index.html index.html. Same situation is for Chrome browser... i dont see subtitles. Index.html yes, but not at the web. I'm desperate.

update: its mystery, everything was ok, except that chrome and mobile. NOW... nothing works, just like that. After 10 minutes maybe... trying something, Chrome works, after that, not. Confusing. Simple index works all the time.

[milan-magyar]

@Ajvngou I'm glad that the styles changes worked. I checked your site and it looks ok to me as well (on desktop chrome).

If there are times when it looks ok, then I think the script should work fine in general. Something should be messing it up from the environment.

[Ajvngou]

Error fixed - there was problem with mixed http /https content and that was causing troubles at different browsers.

Anyway Padding--top still not working, but its detail .) Thanks.