I have a Divi website for my audiobook narration business, https://www.paulheitsch.com  
I've been trying to create a new playlist for my narration demos, and have added two tracks to a new playlist, and attempted to add a Download CTA to each, but when I preview the playlist all I get is a big playback button, and nothing else. Clicking the playback button toggles it to a pause button, but no audio plays. Please advise.

I think I have it figured out. For some reason either Divi or MP3 Player wouldn't display the playlist properly until I published the page. Everything looks pretty good now, although it would be great to have an option to display a timeline for each track instead underneath the playlist. 

Here's what the playlist, which is still being edited, looks like so far:
https://paulheitsch.com/album/audiobooks/

Also, if you look at the page, there's a white border around the playlist image. Can you tell me how to get rid of that? Thanks in advance.

OK. No need for the artwork, anyway. I have a new issue, with a second playlist. If you could go to my web page, http://www.paulheitsch.com you'll see that I have two playlists on the home page, Audiobooks, and eLearning. The problem I'm now experiencing is with the eLearning playlist. You'll notice that the transport controls are now displaying over another module well below the eLearning playlist that contains graphics for awards my books have won. I'm having a hard time figuring out how to limit the height of the playlist module (or even why it does not simply automatically size itself so as not to overlap with other modules). Or, barring that, a way to make the transport control display go away entirely. 

Here is the code for the eLearning playlist module:

<article id="arbitrary-instance-63e1740326c40" class="iron_widget_radio playlist_enabled">

<span class="track-number"><span class="number">1</span><i class="sricon-play"></i></span>
<div class="tracklist-item-title">Paul Heitsch eLearning Demo</div>
<span class="srp_tracklist-item-date" date="2023/02/06" style="display: none;">February 6, 2023</span><span class="tracklist-item-time">2:10</span>

</div>
<span class="store-list"></span></li>
</ul>
</ul>
<div class="ps__rail-x" style="left: 0px; bottom: 0px;">
<div class="ps__thumb-x" style="left: 0px; width: 0px;" tabindex="0"></div>
</div>
</div>
</div>
</div>
<div class="album-player">
<div class="track-title">Paul Heitsch eLearning Demo</div>
<div class="player">
<div class="sr_progressbar">
<div id="arbitrary-instance-63e1740326c40-f4da82ea3b-wave" class="wave" style="opacity: 1;">
<div class="sonaar_fake_wave">

<audio class="sonaar_media_element" download=""></audio>
<div class="sonaar_wave_base" style="height: 5px;"><canvas id="arbitrary-instance-63e1740326c40-container" class="" height="70" width="2540"></canvas> <svg></svg></div>
<div class="sonaar_wave_cut" style="height: 5px;"><canvas id="arbitrary-instance-63e1740326c40-progress" class="" height="70" width="2540"></canvas> <svg></svg></div>
</div>
</div>
</div>
<div class="srp_main_control">
<div class="control">
<div class="sr_skipBackward sricon-15s"></div>
<div class="play" style="opacity: 0;"><i class="sricon-play"></i></div>
<div class="sr_skipForward sricon-30s"></div>
</div>
<div class="control">
<div class="volume">
<div class="sricon-volume">
<div class="slider-container">
<div class="slide ui-slider ui-corner-all ui-slider-vertical ui-widget ui-widget-content">
<div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min" style="height: 100%;"></div>
<span class="ui-slider-handle ui-corner-all ui-state-default" style="bottom: 100%;" tabindex="0"></span>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="album-store"></div>
</div>
<script>if(typeof setIronAudioplayers !== "undefined"){ setIronAudioplayers("arbitrary-instance-63e1740326c40"); }</script>

</article> 

I'm wasting an awful lot of time doing trial-and-error testing on the various parameters available in the player, and the documentation I've found (so far) is opaque. Is there a way to have a real-time conversation with someone who can see the page I'm working on and diagnose the issues I'm experiencing?

OK, turning off the scrollbar helped a lot. A NEW problem has emerged, however - none of the Download CTA's that I am using in the playlists are appearing on the web page. The ability to download tracks was the single most compelling reason for my decision to use MP3 player for my VO demos. How can I get those buttons to reappear?

First, I wanted to say thank you for you prompt and very patient responses. I'm facing a time-crunch to add these demos and the download capability, and I'm sorry if some of my impatience and frustration have bubbled up in these posts. It's not directed at you and I really appreciate your willingness to help me sort this out. 

Here's the shortcode for the Audiobooks playlist (below). When I set show_track_market="true" that resulted in a column of three small dots at the end of each track, clicking on those dots pops up the download button (I might add a text label at some point). 

Please let me know how to add you as an admin.

[sonaar_audioplayer playlist_type="predefined" 
albums="8249" artwork_id=""
player_layout="skin_float_tracklist"
show_skip_bt="true"
show_shuffle_bt="false"
show_speed_bt="false"
show_volume_bt="true"
show_publish_date="false"
show_tracks_count="true"
show_meta_duration="true"
hide_progressbar="false"
display_control_artwork="false"
hide_artwork="false"
show_playlist="true"
show_track_market="true"
show_album_market="false"
hide_timeline="false"
track_artwork="true"
scrollbar="false"
shuffle="false"
sticky_player="true"]
[/sonaar_audioplayer]

Um... that made the playlist disappear completely.

UPDATE ~ I got the shortcode to work. Feel free to look at the page to see what it looks like now.
Thanks, again.