How to change player button colors

For skin-wave variations

For skin-wave you can go to ZoomSounds > Player configurations

and choose your configuration, then skin-wave tab then Button Style

 

In Styling tab you can choose Highlight Color

 

 

 

For general colors

Try searching answer here for your need

Force play / pause color

Go to ZoomSounds > Settings > Appearance and enter

body .audioplayer.skin-wave.playerid-66347386:not(.a) .playbtn .the-icon-bg, body .audioplayer.skin-wave.playerid-66347386:not(.a) .pausebtn .the-icon-bg{
background-color: #da0000;
border-color: #da0000;
}

in Extra CSS

To change the actual icon color

Go to ZoomSounds > Settings > Appearance and enter

.audioplayer .svg-icon path{ fill: #da2321; }
body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--stroked .svg-icon path{ fill: transparent; stroke: #da2321; }
i.svg-icon{ color: #da2321!important; }

in Extra CSS

Was this article helpful?

Related Articles

Leave A Comment?