• No matter what I try, I can’t get the audio player to center on my page. I tried to add the following to my CSS, but it didn’t do anything.

    <style type=”text/css”>
    p.audioplayer_container {
    text-align: center;
    }
    </style>

Viewing 6 replies - 1 through 6 (of 6 total)
  • C W (VYSO)

    (@cyril-washbrook)

    You’ll need to provide a link. Looking at the CSS rule without being able to see the markup isn’t much help.

    Thread Starter Syrrann

    (@syrrann)

    Sorry!

    Here’s the link to my page

    C W (VYSO)

    (@cyril-washbrook)

    Try this:

    .entry-content object {
       margin: 0 auto;
    }

    Thread Starter Syrrann

    (@syrrann)

    That moved the player over, but it’s still not quite in the center.

    C W (VYSO)

    (@cyril-washbrook)

    I can assure you that it is dead centre.

    If, on the other hand, you are concerned that the white space makes the player appear misaligned at a fleeting glance, then that is a separate question. The plugin that you are using to embed the player sets the object width at 290px, in order to accommodate the full player when a user initiates audio playback. Hence, when the audio is not being played, there is a blank space.

    If the plugin doesn’t have fluid resizing, then either accept it as is, add a subtle border to make clear that it’s not misaligned, or look for a different plugin.

    Thread Starter Syrrann

    (@syrrann)

    Thanks for the help and the explanation!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to center audio player’ is closed to new replies.