Show active track’s cover not working

Heya! I can see your track covers displaying perfectly fine, I believe you figured it out? (i.e. have to upload an image for the cover?)

Yeah they all show but when I choose track number 3 for example, the cover stays on the one for track 1.

Also, is there any way to change the red/purple highlights color on the player to match the blue I am using on my site?

Hi there,
I cannot replicate the thumbnail issue. Perhaps you can send me here which browser and browser version are you using.
When I click on a track, the cover changes in the player normally.

Now, if you want to change the colors you can add this

.ai-wrap .ai-track:hover, .ai-wrap .ai-track.ai-track-active,.ai-wrap .ai-volume-bar.ai-volume-bar-active::before,
.ai-wrap .ai-audio-control:hover, .ai-wrap .ai-audio-control:focus, .ai-wrap .ai-audio-control,.ai-wrap .ai-track-progress {
    background-color:#0078c8;
}
.ai-wrap .ai-btn:hover{
    color:#0078c8;
}

in your custom css box.

For Your Information, AudioIgniter Pro allows you to edit the color scheme entirely without having to write a single line of code, along with many cool features. Please check it out.

• This reply was modified 6 years, 5 months ago by Fotis.

Oh? I tried it google chrome and safari and both had the same issue. Both browsers are on the latest versions.

I will try the code, thank you!

Also, I didnt know pro lets you change the color scheme too, thanks for letting me know

• This reply was modified 6 years, 5 months ago by plisken.

Hi there,
can you clear your browser cache and recheck? Let me know if you need additional help.
Just to make sure (https://prnt.sc/jsgf18) we are talking about this image, not changing.

EDIT:
You might need this complementary css

.ai-wrap .ai-btn:hover svg {
    fill: #0078c8;
}
.ai-wrap .ai-btn.ai-btn-active{
    background-color:#0078c8;
    color:#fff;
}
.ai-wrap .ai-btn.ai-btn-active svg{
     fill: #fff;
}

for some elements also.

• This reply was modified 6 years, 5 months ago by Fotis.

Yes thats the image not changing. Tried clearing my cache already, still doesnt work in Safari or Chrome. I tried it in Firefox though and it for some reason works there.

I will add the CSS code to what you gave me, thank you! It looks great!

Hi @plisken,
does this happens in a different pc / device also?