-
It would be nice to be able to customise the Chapter List beneath the player. I’m familiar with CSS and (as an experiment) tried to make the list display inline, but I was unsuccessful).
1. It would be useful to have a small headline, explaining what the list is.
2. I would like the actual list to be two columns wide, but I’m sure others would have their own ideas, too.
Best wishes,
Andy
-
-
Hello Gillian,
Thank you for the question.
-
This cannot really be done via CSS. I’ll consult this request with Martin.
-
Thank you for this request. I can definitely see other users wanting to use this one. I’ve added it here: https://foliovision.com/player/faq/css-tips-and-fixes#columns-chapters
Thanks,
Maria
Hello Andy,
- Actually, this should work:
.fv_fp_chapters:before {
content: ‘Video Chapters’;
margin-left: -24px;
}You may need to change the margin to fit your theme and other settings.
Thanks,
mariaThanks Mária, I’ll try that as soon as I get time!
Best wishes,
AndyThat worked very well, Mária!
Thank you so much.
You can see my efforts so far, on this link:
[title]https://workingsheepdog.co.uk/working-sheepdog-website-video-tutorials-library/how-to-train-a-sheepdog-online-tutorials-preview/%5B/title]
Best wishes,
Andy
Hello Andy,
Thank you for the follow-up. We’re happy to hear it works for you.
Making the web work for you,
MariaHello Maria,
”’.fv_fp_chapters:before {
content: ‘Video Chapters’;
margin-left: -24px;
}”’
The above code works very well, but since then you gave me some code to make the chapter list two columns.
”’columns: 100px 2;”’
That’s great too, but I’d like to have the text centred over the two columns, rather than inside the first one.
I’ve tried and failed to do this myself, so wondered if you could help please?
Hello Andy,
I apologize for the late reply. So if I understand correctly, you are not looking to have two columns, but to center the text of a single column?
Does this code work according to your needs?:
.fv_fp_chapters {
text-align:center
}Thanks,
MariaHello Mária,
Thanks for getting back to me.No – I don’t want to centre the chapters, I want the heading you gave me to be centred across the two columns of chapters (if that’s possible).
You can see one of our posts with chapters below the video on this link:
https://workingsheepdog.co.uk/tvI’ll be changing the wording of the heading (in bold) but I would like it to be centred above the chapters.
Thanks again for your help.
AndyHello again, Mária,
On looking at one of the videos with my old iPhone today, I noticed that it’s not practical to have two columns below the player for all situations, so unless it’s possible to make the columns responsive (one column on phone, and two columns on desktop etc) I think we will have to be satisfied with one column.
Please accept my apologies for any inconvenience.
Best wishes,
Andy
Hello Andy,
The heading can be centered by adding:
margin-left: -200px;However, this yet again is not a responsive solution. It will look quite bad on a small screen. I will have to discuss the possibilities with Martin. However, he is currently on vacation. He’ll get back to you on Wednesday.
Thanks,
MariaThank you, Mária,
Best wishes,
Andy -
