Lightbox plugin – Change player control color?

[PragmaticPraxis]

For a variety of reasons I am bucking the trend and my videos, especially the first frame and poster, are basically white, rather than dark. Mostly because I am doing screen captures rather than film video and the white background helps focus on the content. Anyway, the issue is that both the “start” triangle and the full screen arrow is white, and thus invisible.

I have found lots of references to changing the box, be it color or border width, etc. But I can’t see anything in the CSS that seems to point to changing the color for the controls.

FWIW I am using the multi-browser text link flavor.

Any options?

[wpCommerce]

Hi, please provide a link to the page in question so I can take a look.

[PragmaticPraxis]

The videos here aren’t as stark white as the ones in my course, but they show the white controls, which I would like to make a dark grey. I suspect going to square corners and no border would look good too, as I am not fond of the thin black lines I get on either side.

Thanks!

Gordon

[http://www.pragmaticpraxis.com/revit-bistro/]

[wzp]

The “Play Button” is the file “bigplay.png” and “bigplay.svg” in the top level plugin directory.

[wpCommerce]

@PragmaticPraxis, please do the following to customize the play and fullscreen buttons:

1) Install our WP Custom CSS plugin: http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Insert your CSS into the settings area of the plugin

.is-splash.flowplayer .fp-ui, .is-paused.flowplayer .fp-ui {

background: url(http://example.com/wp-content/uploads/images/play.png) center no-repeat;

background-size: 12%;

}

.flowplayer .fp-fullscreen{

background-image: url(example.com/wp-content/uploads/images/fullscreen.png);

}

[Author]

Posts