• Resolved JamesEverly

    (@jameseverly)


    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/

    https://ww.wp.xz.cn/plugins/mp3-jplayer/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author simon.ward

    (@simonward-1)

    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

    (@jameseverly)

    hi simon,

    here’s the same link with the css fix taken out:
    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

    (@jameseverly)

    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/

    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

    (@simonward-1)

    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

    (@jameseverly)

    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/

    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

    (@jameseverly)

    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.