Title: Problem css mp3 player
Last modified: October 25, 2018

---

# Problem css mp3 player

 *  Resolved [maxpg](https://wordpress.org/support/users/maxpg/)
 * (@maxpg)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/problem-css-mp3-player/)
 * Hi everyone :-).
    I have a problem with the display of the mp3 player commands
   on the page. A gray square appears above the play button and mutes when you go
   to the buttons with the mouse and after it is clicked.
 * The player is immediately below the image of the post.
 * I wish there were not this annoying square. How can I do?
    Thank you all for 
   your help 🙂
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblem-css-mp3-player%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [7 years, 7 months ago](https://wordpress.org/support/topic/problem-css-mp3-player/#post-10817479)
 * In the “Additional CSS” section of the dashboard add this:
 *     ```
       .colors-dark .mejs-controls button:hover {
           background-color: transparent;
           background-image: url(/wp-includes/js/mediaelement/mejs-controls.svg);
       }
   
       .colors-dark .mejs-fullscreen-button>button {
           background-position: -80px 0
       }
   
       .colors-dark .mejs-unfullscreen>button {
           background-position: -100px 0
       }
   
       .colors-dark .mejs-mute>button {
           background-position: -60px 0
       }
   
       .colors-dark .mejs-unmute>button {
           background-position: -40px 0
       }
   
       .colors-dark .mejs-play>button {
           background-position: 0 0
       }
   
       .colors-dark .mejs-pause>button {
           background-position: -20px 0
       }
   
       .colors-dark .mejs-replay>button {
           background-position: -160px 0
       }
   
       .colors-dark .mejs-volume-button {
           position: relative
       }
       ```
   
 * _[https://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)_
 *  Thread Starter [maxpg](https://wordpress.org/support/users/maxpg/)
 * (@maxpg)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/problem-css-mp3-player/#post-10818124)
 * I also added this:
 * .colors-dark .mejs-controls button: focus {
         background-color: none;    
   background-image: url (/wp-includes/js/mediaelement/mejs-controls.svg); }
 * now it seems to work perfectly! 🙂
 * Thanks again! You are the best !! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Problem css mp3 player’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyseventeen/4.1/screenshot.
   png)
 * Twenty Seventeen
 * [Support Threads](https://wordpress.org/support/theme/twentyseventeen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyseventeen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyseventeen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyseventeen/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [maxpg](https://wordpress.org/support/users/maxpg/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/problem-css-mp3-player/#post-10818124)
 * Status: resolved