Title: Pause Button Background Position Fix
Last modified: August 22, 2016

---

# Pause Button Background Position Fix

 *  Resolved [JamesEverly](https://wordpress.org/support/users/jameseverly/)
 * (@jameseverly)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/)
 * After the latest update to MP3Player 2.2, I noticed the pause button on single
   tracks was off a bit to the left.
 * This css seemed to fixed it in most cases:
 *     ```
       span.gfxbutton_mp3j.pause-mjp {
       background-position: 5px -3px!important;
       }
       ```
   
 * For some reason, the track that was in a blockquote with a bigger font needed
   a bigger adjustment:
 *     ```
       blockquote span.gfxbutton_mp3j.pause-mjp {
       background-position: 24px -3px!important;
       }
       ```
   
 * this url has an example of both fixes on one page:
    [http://carinemontbertrand.com/audiobooks/](http://carinemontbertrand.com/audiobooks/)
 * [https://wordpress.org/plugins/mp3-jplayer/](https://wordpress.org/plugins/mp3-jplayer/)

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

 *  Plugin Author [simon.ward](https://wordpress.org/support/users/simonward-1/)
 * (@simonward-1)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797685)
 * They look a little odd to me, the pause is spaced much further away from the 
   text than the play, was that the intention?
 * Nothing should have changed layout-wise on the v1 skins since last update. Has
   anything else updated on the site?
 * fyi the v1 skins don’t support so well the new sizing options, they’re offered
   largely for continuity support when coming from v1.x of the plugin. The buttons
   won’t scale which makes the vertical alignment look odd.
 *  Thread Starter [JamesEverly](https://wordpress.org/support/users/jameseverly/)
 * (@jameseverly)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797686)
 * hi simon,
 * here’s the same link with the css fix taken out:
    [http://carinemontbertrand.com/audiobooks/](http://carinemontbertrand.com/audiobooks/)
 * click play and you’ll see what I needed to fix.
    Also note the difference between
   the position of the pause button for the V/O Reel player vs. the other samples.
   This happened with all players across many sites. Let me know if you have another
   suggestion. thanks, jp
 *  Thread Starter [JamesEverly](https://wordpress.org/support/users/jameseverly/)
 * (@jameseverly)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797689)
 * I just switched to Light (not the legacy support version), and the pause button
   also has a position issue.
    See this url: [http://501.407.myftpupload.com/audio/](http://501.407.myftpupload.com/audio/)
 * With this version of the player, this css put the pause button to the center 
   of the button’s outlined container:
 *     ```
       span.gfxbutton_mp3j.pause-mjp {
       background-position: 5px -3px!important;
       }
       ```
   
 *  Plugin Author [simon.ward](https://wordpress.org/support/users/simonward-1/)
 * (@simonward-1)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797796)
 * Hi James, that’s odd, could you try without the fix in a default theme?
 * The images on those are positioned to centre both horz and vert. I suspect it’s
   something in the theme css that is over-ruling.
 * The problem with a fix like that is it only works for one size of player that
   you’re fixing it for.
 *  Thread Starter [JamesEverly](https://wordpress.org/support/users/jameseverly/)
 * (@jameseverly)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797803)
 * Yes, it works just fine in a default theme, although there is still a little 
   sliver peeping in from the right of the next sprite image:
    [http://jameseverlydesigns.jimpoulos.com/hello-world/](http://jameseverlydesigns.jimpoulos.com/hello-world/)
 * Yeah, it’s strange. It was something to do with the span for the play pause. 
   The themes I’m using are from Elegant Themes, and I can’t pinpoint where to find
   the conflict. They are a pretty common Theme company. Any ideas are welcome. 
   Aside from standard browser resets and some font-sling, the only css on the player
   that I can see using a Web Inspector are coming from the plugin’s css, not the
   theme.
 *  Thread Starter [JamesEverly](https://wordpress.org/support/users/jameseverly/)
 * (@jameseverly)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797868)
 * I marked this resolved as a theme conflict.

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

The topic ‘Pause Button Background Position Fix’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/mp3-jplayer_c3a59d.svg)
 * [MP3-jPlayer](https://wordpress.org/plugins/mp3-jplayer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mp3-jplayer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mp3-jplayer/)
 * [Active Topics](https://wordpress.org/support/plugin/mp3-jplayer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mp3-jplayer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mp3-jplayer/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [JamesEverly](https://wordpress.org/support/users/jameseverly/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/pause-button-background-position-fix/#post-5797868)
 * Status: resolved