• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

How to change subtitle font size?

[Solved]

Foliovision › Forums › FV Player › Troubleshooting › How to change subtitle font size?

  • exilod 10 years, 7 months ago

    Is there a way to change the subtitles font size?

Viewing 15 replies - 1 through 15 (of 15 total)
  • Martin 11 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 11 years ago

    Thanks Martin! Works perfectly!

    Cinetime 11 years ago

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

    Martin 11 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 11 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 11 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 11 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 10 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 10 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 10 years ago
    Avatar photo

    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 10 years ago

    Hi Alec,

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

    Martin 10 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 10 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

Viewing 15 replies - 1 through 15 (of 15 total)
Reply To: How to change subtitle font size?



Please Sign in or Register to upload files.

Related Posts

  1. Customizing FV Player Skin

  2. Vídeo MP4 con subtítulos integrados para iPhone (English)

    Vídeo MP4 con subtítulos integrados para iPhone (English)

  3. 37Signals, Basecamp URL change and not giving a damn about your customers

    37Signals, Basecamp URL change and not giving a damn about your customers

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!