Cannot style play-icon?

[Solved]

Girish M. 5 years, 7 months ago

I want to move the white triangle in the splash image to another position because it conflicts with my splash image.
I did study and try the “how-to style the play-icon” in the /css-tips-and-fixes, but even in the demo on your site the white triangle is still there unchanged.
Is the how-to instruction on your site up to date?

splash-2019-04-13_16-15-45

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

Martin 6 years ago
Hello Girish,

thank you for letting us know, the instrutions were updated: https://foliovision.com/player/advanced/css-tips-and-fixes#play-icon

Perhaps you can just move that existing icon like this:
```
.flowplayer .fp-play svg, .flowplayer .fp-pause svg, .flowplayer .fp-waiting svg {
    left: -50%;
}
```
Thanks,
Martin
Michael 6 years ago
Very nice, thank you!
Works perfectly, and if I want to style only one post individually, I use:
```
.post-1363 .flowplayer .fp-play svg, 
.post-1363 .flowplayer .fp-pause svg, 
.post-1363 .flowplayer .fp-waiting svg {
  left: -70%;
}
```

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