Change Encore player fonts and colours
- The topic ‘Change Encore player fonts and colours’ is closed to new replies.
Need help? Check out our Support site, then
Hi, I’m trying to figure out how to change the appearance of the audio player. I’d like to change the background colour including when the playlist drops down, the font and font colour to match the rest of the site. Is this possible?
blog: https://tapebox.co.uk/
thanks
The blog I need help with is: (visible only to logged in users)
It looks like you’ve added some custom CSS for the player (.encore-player) which will need to be removed. You can try using the CSS snippets below which should get you a good start in the right direction.
.encore-player {
background: #000;
}
.encore-player,
.encore-player .mejs-container .mejs-controls .mejs-button,
.encore-player .mejs-container .mejs-track-details .mejs-track-title {
color: #fff;
}
.encore-player .mejs-container .mejs-track-artwork,
.encore-player .mejs-container .mejs-controls .mejs-toggle-playlist-button {
border-color: transparent;
}
If you have CSS customization questions in the future, feel free to use the CSS Customization forum here: