Title: CSS to hide progress bar, full screen, pause button
Last modified: August 31, 2016

---

# CSS to hide progress bar, full screen, pause button

 *  [mjmathews](https://wordpress.org/support/users/mjmathews/)
 * (@mjmathews)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/)
 * Hi,
 * I know you might see this topic and immediately link to a previously discussed
   thread ([https://wordpress.org/support/topic/cant-hide-progress-bar-fullscreen-and-click-to-pause?replies=4](https://wordpress.org/support/topic/cant-hide-progress-bar-fullscreen-and-click-to-pause?replies=4))
   but I have a question regarding this.
 * On that thread, you say to use the skimming tab and then custom CSS to hide the
   features. The progress bar and other things are still showing, so I am going 
   to edit with the custom css of….. .
    flowplayer-video-52 .fp-ui { display: none;}
 * My question is, where do I edit this CSS. I do not see an area within the plugin,
   nor do I see somewhere to upload a custom css file.
 * [https://wordpress.org/plugins/flowplayer5/](https://wordpress.org/plugins/flowplayer5/)

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

 *  Thread Starter [mjmathews](https://wordpress.org/support/users/mjmathews/)
 * (@mjmathews)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931325)
 * Skinning * not skimming
 *  Plugin Author [Ulrich](https://wordpress.org/support/users/grapplerulrich/)
 * (@grapplerulrich)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931424)
 * The best place for the CSS would be in the style.css file of a child theme. If
   you are using Jetpack there is a place to add custom CSS. I hope this helps.
 *  Thread Starter [mjmathews](https://wordpress.org/support/users/mjmathews/)
 * (@mjmathews)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931484)
 * Awesome! that worked great. I don’t know why i am having an issue with two thick
   grey borders on the left and right ends of the video… any ideas on how to fix
   it?
 *  Plugin Author [Ulrich](https://wordpress.org/support/users/grapplerulrich/)
 * (@grapplerulrich)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931488)
 * It might have something to do with the video ratio and the measurements defined
   in the configuration setting of the video.
 * If you share a link where the video is placed I might have a better idea.
 *  Thread Starter [mjmathews](https://wordpress.org/support/users/mjmathews/)
 * (@mjmathews)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931491)
 * [http://addsisters.flywheelsites.com](http://addsisters.flywheelsites.com)
 * that should be the link to the page to the video… hopefully it will work
 *  Plugin Author [Ulrich](https://wordpress.org/support/users/grapplerulrich/)
 * (@grapplerulrich)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931505)
 * The link is no redirecting to another site which is not using Flowplayer anymore.
   Did something change?
 *  Thread Starter [mjmathews](https://wordpress.org/support/users/mjmathews/)
 * (@mjmathews)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931531)
 *  Plugin Author [Ulrich](https://wordpress.org/support/users/grapplerulrich/)
 * (@grapplerulrich)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931534)
 * It seems the video dimensions are not defined correctly. You want to define the
   width “1920” and height “1080”. You could define the maximum width if you wanted
   to but should not be necessary as the video is responsive.
 * Your video should be optimized. The 25 sec video is about 60 MB. One of my videos
   which is 30 long is only 4 MB. You can see how much you can optimize it.
 * Check out Flowplayer Drive [https://flowplayer.org/pricing/](https://flowplayer.org/pricing/)
   It hosts your videos and automaically generates all of needed video formats for
   best browser support and the thumbnail. Try it out and see if you see the difference
   in speed.

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

The topic ‘CSS to hide progress bar, full screen, pause button’ is closed to new
replies.

 * ![](https://s.w.org/plugins/geopattern-icon/flowplayer5_cce0e6.svg)
 * [Flowplayer HTML5 for WordPress](https://wordpress.org/plugins/flowplayer5/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/flowplayer5/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/flowplayer5/)
 * [Active Topics](https://wordpress.org/support/plugin/flowplayer5/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/flowplayer5/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/flowplayer5/reviews/)

## Tags

 * [edit css](https://wordpress.org/support/topic-tag/edit-css/)

 * 8 replies
 * 2 participants
 * Last reply from: [Ulrich](https://wordpress.org/support/users/grapplerulrich/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/css-to-hide-progress-bar-full-screen-pause-button/#post-6931534)
 * Status: not resolved