Support » Plugin: AudioIgniter Music Player » Change Color Track Playing bar

  • Hello, First let me say I Checked and tried all the post from here on support for CSS codes plus I Goggled it and did the Goggled/Inspect tool … still can not find it ..

    I am changing a few colors to match my site and I have everything I want to changed … but one thing ..I need the css code for the bright pink -red bar when the track is playing under the top main title ( the X in in Photo link )

    And is there a way to request please a future option on the free player for non tech people ? there should be a few color option on the free player .. maybe not as many .. options then the pay but a few to mach the site .

    Thank you for your help ..

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Fotis

    (@markwaregr)

    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.

    Thread Starter Bonjovicrzy41

    (@bonjovicrzy41)

    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

    Plugin Support Fotis

    (@markwaregr)

    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://wordpress.org/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!

    Plugin Support Fotis

    (@markwaregr)

    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?

    Plugin Support Fotis

    (@markwaregr)

    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.

    Plugin Support Fotis

    (@markwaregr)

    I had a typo!

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

    Let me know if this worked for you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Change Color Track Playing bar’ is closed to new replies.