Change Encore player fonts and colours

  • Author
  • #120400

    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?



    The blog I need help with is: (visible only to logged in users)

    Theme Author

    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 .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:

  • The topic ‘Change Encore player fonts and colours’ is closed to new replies.