Display cover page image and playlist side by side vs vertical

  • Resolved whuchumeen

    (@whuchumeen)


    3 years, 7 months ago

    Hi,
    I’m trying to use the Sonaar mp3 player on a Woocommerce product page. Under the Description tab (“Album Playlist” on my site) the cover page image displays on the left, and the playlist displays underneath the cover image vertically, also on the left.
    How can I display the cover page image and the playlist side by side instead of vertically? And centered on the page?
    Thanks in advance,
    John

    The page I need help with: [log in to see the link]

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

    (@sonaar)

    Hi,

    I recommend using the pro version if you want to have control on how the player render in your WooCommerce product. The pro version has much more control and is especially made to be use with WooCommerce. You can get more info here https://sonaar.io/free-mp3-music-player-plugin-for-wordpress/

    To center the player, you can add this to your custom css in WP-Admin > Appearance > Customize > Additional CSS:

    .iron-audioplayer {
    max-width: 450px;
    margin: 0 auto;
}
    Thread Starter whuchumeen

    (@whuchumeen)

    Thanks for your response.
    As you suggested, I purchased the Pro Version, and after activating it (and the license) I don’t see any options for displaying the cover page image and the playlist side by side. In fact, I don’t even see the options that were listed in the free version but grayed out because it said they were in the Pro version. How do I find this option?
    Thanks, John

    Plugin Author sonaar

    (@sonaar)

    Hi,

    For faster support and personally assistance about the pro player, please open a support ticket at https://support.sonaar.io

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display cover page image and playlist side by side vs vertical’ is closed to new replies.