I am attempting to change the code for my Audio Blocks in the Fiver template to match my site colors (I use the audio blocks to post episodes of a podcast.) I was able to change the background color of the main bar and the color of the tile font but can not seem to change the author text color, play button or progress bar (one trick was to realize the title font was set for the LIGHT setting, not the DARK setting of Audio block). Was hoping for some suggestions. Here's the code I've been using and thank you in advance
Hello,
I am attempting to change the code for my Audio Blocks in the Fiver template to match my site colors (I use the audio blocks to post episodes of a podcast.) I was able to change the background color of the main bar and the color of the tile font but can not seem to change the author text color, play button or progress bar (one trick was to realize the title font was set for the LIGHT setting, not the DARK setting of Audio block). Was hoping for some suggestions. Here's the code I've been using and thank you in advance
Tim.
.sqs-widgets-audio-player {
background: #2f518f !important;
background: -webkit-linear-gradient( #2f518f) !important;
border: 02px solid #fff952 !important;
border-radius: 0px 0px 0px 0px;
color: #fff952;
}
.audio-author {
color: #fff952 !important;
}
.audio-title {
color: #fff952 !important;
}
.volume .bar.active {
border-right-color: #fff952 !important;
}
.volume .bar {
border-right-color: #fff952 !important;
}
.progress {
background: none repeat scroll 0 0 #707070 !important;
}
.controls {
color: #fff952 !important;
}
Share this post
Link to post