The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[Plugin: WPaudio MP3 Player] Centering player? (5 posts)

  1. TRMW
    Posted 6 years ago #

    Recently started using this plugin and it's great! One question: has anyone had success figuring out how to center the player horizontally? I recently change my theme so all images are centered, and it'd be cool if the player matched. I messed around with the CSS a bit but it seems pretty complicated -- thought I'd see if anyone else has already done this.



  2. TRMW
    Posted 6 years ago #

    Ah, must be too early in the morning -- there's actually a pretty simple way to do this. Just add this to your theme's stylesheet:

    .wpa_container { width: 300px; margin-left: auto !important; margin-right: auto !important;}

    Not totally ideal since it makes your titles wrap if they're over 300px (you can also change that to what width you want, btw) but pretty sure you have to define a width in order to get CSS to do margin-auto centering, and the player handles the wrapping gracefully.

    Any improvements/suggestions on this are welcome.

    Great plugin!

  3. toddiceton
    Posted 6 years ago #

    TRMW, the new layout in the next release will make the player an inline element, so it'll behave according its parent's text-align directive. Glad you took care of it in the meantime!

    Thanks for using it too.

  4. TRMW
    Posted 6 years ago #

    Sounds great Todd! Thanks for the response, and the plugin.

  5. demich
    Posted 6 years ago #

    i still have trouble with the centering of wpaudio player...
    how to fix this problem:

Topic Closed

This topic has been closed to new replies.

About this Topic