Moving chapters with CSS

Hello Mitch,

1) The CSS selector for the list of chapters is .fv_fp_chapters. To put it next to FV Player you would have to start with a CSS like this:

.flowplayer {
  width: 66%;
  float: left;
}
.fv_fp_chapters {
  width: 29%;
  float: left;
}

And then figure out a media query to not have it appear on mobile like that.

I see that what’s missing here and making it harder is the absence of a wrapping DIV.

2) You can use a CSS rule like this:

.flowplayer span.fv-fp-chapter {
  display: block
}

Some of these adjustments could be in plugin options for sure, but we don’t want to present an endless list of options. We would prefer to figure out what are two or three display modes which our users really need.

Thanks,
Martin

Hello Mitchell,

1) You can hit the hyperlink with the right mouse button and select “Inpect” or “Inspect Element”. That way you will see the HTML structure:

<ul class="fv_fp_chapters">
...
<li class="current"><div><a class="fv_fp_chapter" href="#" data-chapter="1">00:00:47</a><span>:</span> The Bunny Himself
</div></li>
...
</ul>

That way you can figure out how to hide almost any part of it.

2) No reports yet, it’s best if you read their ToS.

Thanks,
Martin

Hello Mitch,

We’re glad that the solution worked.

You can easily delete the Title in FV Video editor as you can see in the screenshot.

Thanks for using our player,
Juraj