How to change subtitle font size?

exilod 10 years, 1 month ago

Is there a way to change the subtitles font size?

Viewing 15 replies - 1 through 15 (of 15 total)

Martin 10 years ago

Hello Exilod,

although there is no such setting available right now, you can use your CSS with the following selectors right now to accomplish what you need:

.flowplayer .fp-subtitle { /*this one is for subtitles in the normal player*/ }
.flowplayer.is-fullscreen .fp-subtitle { /*this one is for full-screen, so make the font bigger*/ }

Thanks,
Martin

exilod 10 years ago

Thanks Martin! Works perfectly!

Cinetime 10 years ago

can i have an example by step by step how to do the font bigger ? please…

Martin 10 years ago

Hello Cinetime,

we might just add this as an setting in the plugin. We will discuss this in our team.

Thanks,
Martin

Martin 10 years ago

Hello Cinetime,

this setting was added in version 2.3.5 which we just released. Check the following: Settings -> FV WordPress Flowplayer -> Player Skin -> Subitle Font Size.

Thanks,
Martin

exilod 10 years ago

Very nice job but you could add more settings for subtitle customization. The main would be the shadow color. How can I change it? I don’t like that grey..

Martin 10 years ago

Hello exilod,

thank you for the suggestion, in the meantime you can use CSS like this:

.flowplayer .fp-subtitle p {
background-color: rgba(255, 255, 255, 0.2);
}

To remove it completely, just put in “background-color: transparent;”.

Thanks,
Martin

paddy 9 years ago

hi,

i’ve follow per your instruction but nothing change . the background is still exist , this is the css part i’ve changed

.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:transparent;color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}

Martin 9 years ago

Hello paddy,

sorry about the delay, could you please let us know where you changed this? Do not edit the CSS file in the plugin as next plugin upgrade will remove it. Also it’s written out with the color settings on options save, so you won’t see the changes immediately.

If you edited the CSS of your theme, you must make sure your rule takes priority over FV Flowplayer CSS. If it’s loaded before that, you must put in ID of some wrapper element used by your theme – the basic CSS rules apply here.

You can also order “Custom CSS changes to make FV Player work within your theme” here: https://foliovision.com/player/pro-setup

We might just add this to plugin settings (background color/opacity), but we have other more important fixes to take care of right now.

Thanks,
Martin

Alec Kinnear 9 years ago

Hi Paddy,

For now, the best place to put your custom FV Player CSS is in your theme.

We may add a custom CSS box which we store in the database and append to your CSS file in the future.

Making the web work for you, Alec

zizan cilame 9 years ago

Hi Alec,

How to change subtitles lable. For example, Default (En) changed to Malay

Martin 9 years ago

Hello Zizan,

we need to improve our support for subtitle languages.

If you know a bit of PHP you can edit models/flowplayer-frontend.php and add this to where < track > element is created:

srclang="my" label="Malay"

Thanks,
Martin

Martin 9 years ago

Hello Zizan,

I was thinking – is your whole WordPress website set to the Malay language? If you use the Malay WordPress translation, then it’s easy for us to detect that language and use it as a label for the subtitles button.

Thanks,
Martin

ermir 9 years ago

Hi Martin,
Thanks for you solution.It helped me a lot.
But i want to change the font size while i am watching a video.
I tried to change .flowplayer .fp-subtitle{} but no results.
Any idea?
Thanks

Martin 9 years ago

Hello ermir,

have you tried using Settings -> FV WordPress Flowplayer -> Player Skin -> Subtitle Font Size?

Please make sure you are not editing the core plugin CSS files as these get overwritten by plugin updates – applies to any plugin.

Thanks,
Martin