Change Color Track Playing bar

Hi there,

Thank you for using AudioIgniter.
Try this

.ai-wrap .ai-track-progress{
    background:red!important;
}

?

in your custom CSS box under Customize->Additional CSS, replacing red with the color of your preference.

Currently, color changing (non css) is only supported in our PRO version. We are constantly updating the free player with new features, so we might add some minor support for colors.

Let me know if you need additional help with this.

Hello Fotis and thank you for the help . That did the trick and it worked… now it is the same color has the rest ..Thank you so much ..

Yes this is my first try with AudioIgniter .. we had a player that does not work with phones so we are updating … We run a video and music site and use a player allot .. If we like it we are buying the pro version ..

That would be great .. to add for people like me I copy and paste the short codes fine but I am lost with Css .. what I changed mostly was the tracks title bar and button colors and the text color to read the track bar better with another colors .

Thank you so much

That’s great. Glad I could help. If you need additional help with anything, feel free to get in touch and I will be there for you within 24 hours.

Also, we’d really appreciate if you could take a minute and rate our plugin at https://www.ads-software.com/support/plugin/audioigniter/reviews/.

Hi,
I am enjoying the plugin very well. I appreciate the hard work of the team.
I am trying to change the color of the bar of the item that is playing, and the color when the mouse hover on another item. Also, the scroll bar on the right.
Please help me wi the css code, thank you so much!

Hi there @ddidd420,
Thank you for you kind words.
Try this

.ai-tracklist .ai-track{background:red!important;}
.ai-tracklist .ai-track:hover{background:green!important;}
.ai-wrap .ai-scroll-wrap > div:last-child div{
 background:blue!important;   
}

in your custom CSS box and replace with your preference both green,red and blue.

Let me know if this worked for you.

Hi Fotis,

Thank you so much for your quick reply.

.ai-tracklist .ai-track{background:red!important;}

this one is the regular tracklist bar, can I also get the code for the currently playing one?

Hi @ddidd420
Try this

.ai-wrap .ai-track-progressP
background:green!important;
}

for that one.

Let me know if this worked for you.

Hi @fotis

It doesnt work. the track progress seems like the progress bar shows the how far it goes for the current item.

I had a typo!

.ai-wrap .ai-track-progress{
background:green!important;
}

Let me know if this worked for you.