• 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

Lightbox, hide all UI elements such as Next, Previous, Fullscreen, Thumbnails.

[Solved]

Foliovision › Forums › FV Player › How to … › Lightbox, hide all UI elements such as Next, Previous, Fullscreen, Thumbnails.

  • bebopblues 7 years, 2 months ago
    Avatar photo

    How do I hide all the lightbox UI stuffs? I just want the video and the control bar, that’s it. Thanks.

    capture-5
    Capture
Viewing 5 replies - 1 through 5 (of 5 total)
  • Martin 7 years ago

    Hello bebopblues,

    you can use this CSS code:

    .fancybox-button, .fancybox-infobar {
      display: none;
    }
    

    Thanks,
    Martin

    bebopblues 7 years ago
    Avatar photo

    I copied and pasted that into Customizing Additional CSS, it doesn’t seem to do anything, all the buttons are still there. The only other codes I have is to hide the play icon:

    .is-splash.flowplayer .fp-ui, .is-paused.flowplayer .fp-ui {
    display: none;
    }

    Any idea why it isn’t working?

    Martin 7 years ago

    Hello bebopblues,

    it depends on the order in which the CSS files load. So you can try to make the CSS selector more specific, like:

    .fancybox-container .fancybox-button, .fancybox-container .fancybox-infobar {
      display: none;
    }

    The play icon markup has changed a lot in FV Player 7. To hide it use:

    .flowplayer.is-splash .fp-ui > .fp-play {
      display: none;
    }

    Thanks,
    Martin

    bebopblues 7 years ago
    Avatar photo

    Many thanks, Martin. That mostly worked, the only thing still there are the 1/8 and thumbnails button. Is there another line code to hide those? Thanks again.

    screen-shot-2018-12-11-at-3-00-13-pm
    Screen-Shot-2018-12-11-at-3.00.13-PM
    Martin 7 years ago

    Hello bebopblues,

    you can just right click these elements and look for some div with a clear class or ID which is a parent of these elements and add that to your CSS selectors.

    Thanks,
    Martin

Viewing 5 replies - 1 through 5 (of 5 total)
Reply To: Lightbox, hide all UI elements such as Next, Previous, Fullscreen, Thumbnails.



Please Sign in or Register to upload files.

Related Posts

  1. FV Flowplayer Lightbox

  2. Vimeo automatische Wiedergabe in Lightbox

    Vimeo automatische Wiedergabe in Lightbox

  3. Lightbox Now for Everyone!

Primary Sidebar

How to …

    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‬