Allow users to customise the active state of the audio player (change the colour of the audio file name when it's being played)

Wishlist Audio Player
1

So I’ve created multiples playlists, and each playlist has multiple audio files. I’ve customised the CSS to match my website, but there’s no way I can change the active state on the audio player so the track name is highlighted in blue. Please introduce this feature request, as I’m sure other customers will find it useful.

Thanks,

Matt

example
example782×878 10.3 KB

2 Likes
3

Hello @mattloveridge! We are so happy to see you in our Community. Welcome :rocket:

Could you please provide me with a direct link to the webpage where your widget is installed? We’ll be happy to check everything for you!

1 Like
4

Yeah, it might happen that we can help with a CSS code to support your use case, but we need to see your widget first :slight_smile:

1 Like
5

Hello Max! It might be worth talking to Mikhail about this feature request (I’ve sent him URLs via email).

At a minimum, this is what I’d like to achieve:

example
example782×878 10.3 KB

The shade of blue is #2196f3

Thanks!

Matt

1 Like
6

Cheers Helga! It might be worth talking to Mikhail about this feature request (I’ve sent him URLs via email).

At a minimum, this is what I’d like to achieve:

example
example782×878 10.3 KB

The shade of blue is #2196f3

Thanks!

Matt

1 Like
9

Matt, I’ve found your support ticket and as my colleague Mikhail said I’m afraid at the moment we really don’t have a fast solution for your use case. I’m so sorry for the false hope I gave you :frowning:

But it’s great that you’ve added your request — we just love considering your suggestions and your ideas do help us roll out really great updates. Let’s hope yours will be released in one of the nearest updates :slight_smile:

Thank you very much for your help!

2 Likes
10

Cheers for the update!

Thanks,

Matt

2 Likes
11

Hi @Helga. I’m just revisiting the audio player widget and wondered if recent updates would allow the introduction of an active state (changing the colour of the audio file name when being played)? Thanks

2 Likes
14

Hi there, @mattloveridge :wave:

It’s possible to do using this code in the Custom CSS field on the Style tab of your widget’s settings:

.global-styles,
[class*="PlaylistItem__PlaylistItemInfoContainer-sc"]:has([class*="PlaylistItem__IconPlaying-sc"]) [class*="PlaylistItem__Title-sc"] {
  color: blue !important;
}

Try it out and let me know if it worked :slightly_smiling_face:

1 Like
15

@Max That works perfectly! Thanks

2 Likes