Jump to content

NotAHologram

Member
  • Posts

    2
  • Joined

  • Last visited

Reputation Activity

  1. Like
    NotAHologram got a reaction from johnbuedel in CSS code for Audio Blocks   
    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;
    }

  2. Like
    NotAHologram got a reaction from RiverstoneCreativeCo in CSS code for Audio Blocks   
    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;
    }

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.