Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

CSS CODE FOR AUDIO BLOCKS


NotAHologram

Question

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;
}

Screen Shot 2019-11-14 at 10.09.52 AM.png

Link to post
  • Answers 28
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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 back

That worked like a charm! Thank you so much!

Posted Images

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...