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

Foliovision

  • 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

Search Results for 'subtitle opacity'

Foliovision › Forums › Search › Search Results for 'subtitle opacity'

Viewing 5 results - 1 through 5 (of 5 total)
  • 7 years ago In reply to: Subtitle size problem on full screen.
    Avatar photo
    Juraj Kacaba

    Hi Gbrother,

    Thanks for using our player!

    Now let’s get to your problem. As we can see you have a problem with size of your subtitles right? If this is the problem you can easily adjust size of the subtitles at:

    WP Admin back-end -> Settings -> FV Player Pro -> Skin -> Subtitles.

    There you can change font, size and background color of your subtitles.

    If you want to personalize your subtitles even more(like change background opacity etc.) you can use our quick CSS reference at this link.

    There’s even a reference for increasing the subtitle size only for fullscreen, here I pasted it for you:

    .flowplayer.is-fullscreen .fp-subtitle .fp-subtitle-line {
    font-size: 250%;
    }
    

    Thanks,
    Juraj

    • This reply was modified 6 years, 9 months ago by Juraj Kacaba.
    8 years ago In reply to: Skin not working
    john

    Hi Eduard,

    I do see that part of the code. But what should I do ?

    This is the content of the css style:

    .flowplayer { border: 1px solid #ff0000 !important; }

    .flowplayer { margin: 0 auto 28px auto; display: block; }
    .flowplayer.fixed-controls { margin: 0 auto 58px auto; display: block; }
    .flowplayer.has-abloop { margin-bottom: 52px; }
    .flowplayer.fixed-controls.has-abloop { margin-bottom: 82px; }
    .flowplayer.has-caption, flowplayer.has-caption * { margin: 0 auto; }
    .flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color: #eeeeee !important; background-color: #333333 !important; }
    .flowplayer { background-color: #000000 !important; }
    .flowplayer .fp-duration, .flowplayer a.fp-play, .flowplayer a.fp-mute { color: #eeeeee !important; }
    .flowplayer .fp-elapsed { color: #eeeeee !important; }
    .flowplayer .fp-volumelevel { background-color: #3413bb !important; }
    .flowplayer .fp-volumeslider, .flowplayer .noUi-background { background-color: #eeeeee !important; }
    .flowplayer .fp-timeline { background-color: #666666 !important; }
    .flowplayer .fv-ab-loop .noUi-handle { color: #333333 !important; }
    .flowplayer .fp-progress, .flowplayer .fv-ab-loop .noUi-connect, .fv-player-buttons a.current { background-color: #3413bb !important; }
    .flowplayer .fp-buffer, .flowplayer .fv-ab-loop .noUi-handle { background-color: #eeeeee !important; }
    #content .flowplayer, .flowplayer { font-family: Tahoma, Geneva, sans-serif; }
    .flowplayer .fp-dropdown li.active { background-color: #3413bb !important }

    .fvplayer .mejs-container .mejs-controls { background: #333333!important; }
    .fvplayer .mejs-controls .mejs-time-rail .mejs-time-current { background: #3413bb!important; }
    .fvplayer .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #eeeeee!important; }
    .fvplayer .mejs-horizontal-volume-current { background: #3413bb!important; }
    .fvplayer .me-cannotplay span { padding: 5px; }
    #content .fvplayer .mejs-container .mejs-controls div { font-family: Tahoma, Geneva, sans-serif; }

    .wpfp_custom_popup { position: absolute; top: 10%; z-index: 20; text-align: center; width: 100%; color: #fff; }
    .wpfp_custom_popup h1, .wpfp_custom_popup h2, .wpfp_custom_popup h3, .wpfp_custom_popup h4 { color: #fff; }
    .is-finished .wpfp_custom_background { display: block; }
    .fv_player_popup { background: #333333; padding: 1% 5%; width: 65%; margin: 0 auto; }

    .wpfp_custom_ad { position: absolute; bottom: 10%; z-index: 20; width: 100%; }
    .wpfp_custom_ad_content { background: white; margin: 0 auto; position: relative } .wpfp_custom_ad { color: #888888; z-index: 20 !important; }
    .wpfp_custom_ad a { color: #ff3333 }

    .fv-wp-flowplayer-notice-small { color: #eeeeee !important; }

    .fvfp_admin_error { color: #eeeeee; }
    .fvfp_admin_error a { color: #eeeeee; }
    #content .fvfp_admin_error a { color: #eeeeee; }
    .fvfp_admin_error_content { background: #333333; opacity:0.75;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); }

    .fp-playlist-external > a > span { background-color:#808080; }
    .fp-playlist-external > a.is-active > span { border-color:#bb0000; }
    .fp-playlist-external.fv-playlist-design-2014 a.is-active,.fp-playlist-external.fv-playlist-design-2014 a.is-active h4,.fp-playlist-external.fp-playlist-only-captions a.is-active,.fp-playlist-external.fv-playlist-design-2014 a.is-active h4, .fp-playlist-external.fp-playlist-only-captions a.is-active h4 { color:#bb0000; }
    .fp-playlist-vertical { background-color:#808080; }

    .flowplayer .fp-subtitle span.fp-subtitle-line { font-size: 16px; } .flowplayer .fp-subtitle span.fp-subtitle-line { font-family: inherit; } .flowplayer .fp-logo { bottom: 30px; left: 15px }
    .flowplayer .fp-subtitle span.fp-subtitle-line { background-color: rgba(0,0,0,0.5); }

    8 years ago In reply to: Modify subtitles CSS to display larger for fullscreen
    Avatar photo
    Eduard

    Hello,

    You can modify the subtitles’ font size, font face, opacity and colour in Settings > FV Player > Skin tab > Subtitles. You can read more detailed information in this guide – Customizing FV Player Skin.

    Thanks,
    Eduard

    10 years ago In reply to: Subtitles not working fullscreen android
    Martin

    Hi! Thank you both for your help, were else can I find such support!

    Martin, you were right: the loader animation is due to a conflict with something in my setup. After your suggestion, I tested it on my personal website and the loader was showing.
    I use WPLMS theme, so I tried to disable many plugins (not all though, but all the wplms ones and others), I also try disabling all my custom css: still no loader.
    I switched to the twenty fifteen default theme, but then I got a javascript error on all videos so I couldn’t test if the conflict was caused by wplms theme. By inspecting the code I managed to get the loader showing by adding this css, so it works now! (the opacity was on 0 somehow).

    .flowplayer .fp-waiting em { opacity: 1 !important; }

    Alec, thank you so much for your help and for taking the time to test further! Just so Martin doesn’t worry too much lol:
    – My loader is now working :-)
    – There was no subtitles on all the videos you tested: we only subtitle artist masterclasses. (I recorded all the courses videos in both language -sorry for the english- so when people switch language, the video speaking is in the chosen language). Here is a link to a test page I had with subtitles at the very end, see if they work on your side pls:
    https://harp-school.com/flowplayer-test/
    – The links not working under the videos is because they point to the course units which are only accessible for subscribers. And the plus on the right are default theme icons I have to replace.. Thanks for your feedback, I take note that for someone new it could look like an error.
    – The “html5: Unsupported video format” you got on firefox is not cool though. All the videos are loading fine on my end (chrome, firefox and safari, pc mac iOS android)… But, and this is something I wanted to report in a new topic: sometimes if I launch a video and go to another tab or app while it loads, I would get these errors messages and have to refresh page. It is not all the time so I’ll try to find the exact scenario.

    Thank you again for your time, I am a very happy with your player, and super-confident in my choice, as above the very high quality of your plugin, your support is amazing! Cheers from sunny south of France!

    10 years ago In reply to: How to change subtitle font size?
    Martin

    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

  • Author
    Search Results
Viewing 5 results - 1 through 5 (of 5 total)

Primary Sidebar

  1. Bios
  2. My Video Bookmarks
  3. My Video Playlists
  4. Privacy Policy
  5. TEST
  6. Test Bunny CDN vs. DigitalOcean Spaces CDN
  7. Video Speed Tests
  8. FV Flowplayer Expiration
  9. About
  10. Checkout
  11. Foliovision Tools
  12. FV Player
  13. Job offers
  14. Store
  15. WordPress
  16. Cookies
  17. Donate
  18. Enter your VAT Information
  19. FV Pro Support
    We’ll solve your WP Video problems right now
  20. FV Publisher
  21. Hosting signup
  22. How to pay your invoice in the new billing system
  23. Humanmetrics Jung Typology Test Result
  24. Best Practices for Sharing Sensitive Information
  25. Billings Page
  26. Client Section
  27. Foliovision Hosting Signup
  28. Renew or upgrade your plugin
  29. Site Map
  30. FV Flowplayer 5 Download Test Page
  31. Referrals
  32. My Profile
  33. Flowplayer
  34. My Licenses
  35. Portfolios
  36. Additional Information
  37. Theme Comparison
  38. Video Services Request
  39. Thanks for your message
  40. Thanks for Applying!
  41. Thoughtful Comments
  42. Teamwork to Basecamp 3 Migration Wizard
  43. Typepad to WordPress deposit payment
  44. Weblog
  45. WordPress 3.3 Upgrade Order Form
  46. WordPress Programmer’s Homework

Categories

  • Business
  • Camera Reviews
  • Case Studies
  • Design
  • FV Player
  • Internet Marketing
  • IT
  • Life
  • SEO
  • Slovak
  • Video of the Week
  • WordPress

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 © 2026 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‬