HTML5 jQuery Audio Player
[resolved] How do I center the player in WordPress? (4 posts)

  1. kenlad
    Posted 3 years ago #

    Hi There,

    I really like your plugin. Good job.

    Can you please tell me how to align or float center for the player?

    I've tried all types of code, without any luck.

    Thanks, Ken


  2. Maeve Lander
    Plugin Author

    Posted 3 years ago #

    Hi Kenlad... cool, glad you like the plugin.

    Yep aligning it centre shouldn't be too tricky - prob just a matter of adding the player within a div that is aligned as you want it using css. If that's not working for you are you able to send a link to the page in question so I can take a look?


  3. kenlad
    Posted 3 years ago #

    Dear EnigmaWeb,

    Thanks so much for answering my call. I'm always amazed at the goodwill that's out there on the web. Appreciate all you do.

    Lately it seems on my site that I've been having trouble centering headlines and objects, whether it's shortcode, paypal code or even H1 or H2. Starting to make me think I need to define something in .css.

    Anyway, here's the page I'm working on...scroll down for the player.


    I tried wrapping it in a <div>

    <div style=”margin-left:135px;”>

    I even tried nesting it in a table.

    But I still couldn't get it to align center.

    I checked your plugins .css but wasn't sure what to add in order to make it align center. I'm a newbie at coding.

    Anyways, thanks again for looking and for creating such a useful plugin.


  4. Maeve Lander
    Plugin Author

    Posted 3 years ago #

    I've checked it and yes your theme has a lot of css that could do with tidying up. Just a few bits of conflicting css that might be causing these problems with alignment.

    Re aligning the player - you just need to create div class in your theme css with the styling you want (ie align: center;) and then in your page put the shortcode within that div.

    That said.... I actually think it looks much better aligned left as per default on your site! ;-p

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HTML5 jQuery Audio Player
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic