Audio Play no longer will center on page.

sondan · Member · Feb 19, 2008 at 10:48 pm
Copy link

Add topic to favorites
All of a sudden – about a week or so ago, whenever I use the editor to center my audio player in a post under a centered pic – the player will only show up left-justified. In fact
I went and looked and all of a sudden ALL of my audio player posts had mysteriously reverted from center justified to left-justified.

What has happened and how can I make the center justification stick please.?
Thanks in advance
citinite · Member · Mar 16, 2008 at 6:27 pm
Copy link
i would also like to know if this can be fixed.
sondan · Member · Mar 17, 2008 at 6:34 am
Copy link
well just wanted to check to see if anyone responded. This is still a problem: I can’t center the audio bar any longer. TIA
isadora · Member · Mar 17, 2008 at 6:56 am
Copy link
It seems there is a style attribute “align:left” in the audio player tag, probably generated from the tag itself. My suggestion would be to put it in a centered div together with the video instead of using separate centering tags. As a result, the audio player would be aligned left with respect to the video and both centered with respect to te text. (i.e. if you use the visual editor, select both elements at once before centering). You might give it a try
citinite · Member · Mar 17, 2008 at 9:36 am
Copy link
does this work for wordpress.com ?
i didn’t think we could put div attributes etc in our posts.

anyway, i don’t think this is the problem.
my audio players are seen correctly (ie centered) in Safari… but in Firefox and Opera they don’t seem to recognise the style sheet and the player just hangs on the left.
isadora · Member · Mar 19, 2008 at 7:16 am
Copy link
citinite, of course you can in wordpress.com blogs. Try it out before you state that this is not the problem.
citinite · Member · Mar 19, 2008 at 7:15 pm
Copy link
Isadora, I have already tried align divs in various formats but they either do not work or are stripped by wordpress.

Could you be more specific about how they should be written?
Although, your suggestion only seems to apply to posts which also have a video.

We want to know how to center the audio player, regardless of what other content is in the post.

It’s frustrating because in Safari the player is centred because it acknowledges the ‘center’ command in the style sheet. But Firefox fails to do this so we need a fix.
citinite · Member · Mar 19, 2008 at 7:49 pm
Copy link
oh, and just to confirm… i’ve tried using the align center command in the visual rich editor as well, but that doesn’t work either.
citinite · Member · Mar 23, 2008 at 11:08 am
Copy link
ok, so i had a look at the source code for one of my pages, and just before the code for the audio player it says:


so it seems that it’s aligned left by default

if i change this text to say:

and save it as an htm file, then open that htm file in my firefox browser then the player appears as it should

but i dont know how to implement this change on the css style sheet or the individual post… if indeed it is possible.

and i’m assuming that Safari ignores this

which is probably a bug on Safari’s part (eventhough this results in the player appearing as i’d like it to!)

dont know if anyone can suggest a solution?
sondan · Member · Apr 8, 2008 at 3:24 am
Copy link
Hi – I too need a little more specific information. I see that the new dashboard has not corrected the music player’s positioning. I still can’t get it to be centered and I don’t quite understand your explanation Isadora. I need the “Dummies” version of how to correct the problem (LOL)

Thanks again.

PS. Aren’t you a Multiplier too ;-) I recognize your avatar.
citinite · Member · Apr 8, 2008 at 2:05 pm
Copy link
yay! i found a solution.

i butchered some code from vodpod…

all you need to do is add this code before your audio file:


and this code after it:


note… in my example i have used 290px because this works for me… but you can adjust this to suit the dimensions of your own blog

you can see it in action here:
http://citinite.wordpress.com/2008/04/08/daylight/

happy aligning!
m
citinite · Member · Apr 8, 2008 at 3:13 pm
Copy link
just tested it in other browsers… it works in Explorer, Firefox and Safari…. i added a height attribute after the width so it’s now:



but the amount of space around the player will differ depending on which browser it’s viewed in.

Unfortunately this code doesn’t work in Opera… but 3 out of 4 ain’t bad.
sondan · Member · Apr 23, 2008 at 4:41 am
Copy link
citinite – I am going to copy this code and give it a try in the morning. But is sure seems like a lotta effort for we non-coders when we used to just click the alignment key in the Visual Editor that no longer does anything. Too bad they just don’t fix the editor.

But thanks again. I will let you know if it works.

No items found.