Audio Player Color

emariasheltonspeller · Member · Dec 13, 2016 at 4:43 am
Copy link

Add topic to favorites
Can we change the color of the audio player? Graffiti, Banski, Doodling, a quote from my work… something? It is white and blaring/competing with the black background on my blog. Also, the title of the music display — is in all caps.

The blog I need help with is: (visible only to logged in users)
staff-loquaciousloon · Staff · Dec 16, 2016 at 9:28 pm
Copy link
Hi there!

You can use Custom CSS (included in you current plan) to change the colors, yes.

Under My Site > Customize > CSS, add the following Snippet:
```
.music-player .wp-playlist-light,
.music-player .wp-playlist-light .wp-playlist-playing {
	background: #999;
	border-color: #999;
}
```
That’s set to match the current color of titles and text in your sidebar. You can use a site like http://htmlcolorcodes.com/ to find the codes for different colors if you’d like.

One thing that you’ll notice is the icon in the audio player has a bit of white around the edges that will stand out a bit after this change.

You can solve that problem by assigning your own image to this track. Visit your Media Library and click on the audio file. Then locate and click on the Edit More Details button on the right.

This next screen gives you access to the audio file’s details, including the option to add a Featured Image (which will be the icon that gets displayed in your widget).

The the all caps widget titles, this CSS will allow lowecase letters to be displayed:
```
.widget-title {
   text-transform: none;
}
```
Let me know how it goes!
emariasheltonspeller · Member · Dec 18, 2016 at 4:43 pm
Copy link
Chad,

It worked. Thank you for the perfect solution. Cheers!
staff-loquaciousloon · Staff · Dec 19, 2016 at 2:22 pm
Copy link
You’re welcome! :)

No items found.