How do you center the wordpress audio player?

• 

  soeullee · Member · May 11, 2011 at 3:59 am

  • Copy link
  • Add topic to favorites

  Hello,
  I’m wanted to center this post –> http://soeullee.wordpress.com/2011/04/26/park-bom-dont-cry-lyrics/
  but the audio player isn’t being centered. Is there way to get it to the middle like everything else, or is there no option for that.
  It just stays on the far right all the time?

  Please help. Thank you!

• 

  thesacredpath · Member · May 11, 2011 at 7:42 am

  • Copy link

  Try wrapping the shortcode in this (put in via the HTML tab).

  <div style="margin-left: auto; margin-right: auto">audio short code here</div>

  If that does not work, try this.

  <div style="text-align: center;">audio short code here</div>

• 

  soeullee · Member · May 11, 2011 at 9:40 pm

  • Copy link

  Thank you, but it’s not working for me.
  I hope it would center automatically like the text in the future.

• 

  disembedded · Member · May 11, 2011 at 9:50 pm

  • Copy link

  @ soeullee In over five years, I’ve tried everything and have never been able to center the audio player. Nothing seems to work.

• 

  soeullee · Member · May 11, 2011 at 10:01 pm

  • Copy link

  ^ yeahh, thanks for letting me know.

  I’ve tried many different ways too but it doesn’t seem to work.
  It bothers me when I center everything and the audio player is on the right.
  So I just removed the audio player from that page just now. Hahaa :)

• 

  thesacredpath · Member · May 11, 2011 at 11:14 pm

  • Copy link

  OK, I just took a look over at Panos’ site and found this solution, which is to put the shortcode into a table and center the table.

  <table align="center"><tr><td>
  SHORTCODE HERE
  </td></tr></table>

  More on it here:

  Changing the default positioning of shortcode objects (pt. 2)