Alignment, Responsiveness and Browser Questions

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    If you are inserting an audio player, the height should be 65px, the recommended size for the skin used in your website. About the responsive design, you should use the width of player to 100%, to adjust the player to its container.

    In your case, you want that player be centered in your page, with a responsive design, but with a maximum width of 475px. So you only need follow the steps below:

    1. Go to the settings of player and set the height to 65, and the width to 100%

    2. Go to the post or page, where the media player will be inserted.

    3. Press the “Text” tab in the page/post content’s editor.

    4. Paste the shortcode in the following way:

    <div style=”max-width:450px;margin:0 auto;”>[codepeople-html5-media-player id=2]</div>

    Note: Use the ID number of your player.

    That’s all.
    Best regards.

    Thread Starter Andrewjmarino

    (@andrewjmarino)

    Hi,

    Thanks, the player displays nicely and works on all browsers now and is responsive:)

    Sorry, for not realizing that I could have entered 100% in the width field and not just a px value ??

    Will give you a nice rating.

    Andrew

    https://www.visitbanteaychhmar.org/visitor-activities/traditional-music/

    Plugin Author codepeople

    (@codepeople)

    Hi,

    If you have any other issue with the plugin, do not hesitate in contact us again.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alignment, Responsiveness and Browser Questions’ is closed to new replies.