Change Encore player fonts and colours

  • Author
    Posts
  • #120400

    danhayhurst
    Member

    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 tapebox.co.uk.

    #120611

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

    https://en.forums.wordpress.com/forum/css-customization

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