1) I started with adding the Sonaar MP3 player widget within Elementor and adding a few tracks to the playlist. Ideally I am trying to design a layout where the Album cover displays on the left, with the song index on the right, images appearing per selected track. I would like to have the track image appear within the track container with an overlay to diffuse the image, with the index on top. It seems the size of the track images is maxed out at 450 px. Can it be increased, CSS possibly? Is overlay on track images possible? Would like the track image to take up all the space on it's side, 50% of the container.
2) How do we preview the Audio Pro Player templates?
3) I've activated the sticky footer player, how do we stylize?
1) Ok, no problem, perhaps a feature to consider for future updates. I should have framed the question "overlay with opacity control like Elementor", instead of "diffuse the image", which is not the correct term and confusing.
-It seems the "image width" of track images are maxed out at 450 px. Can this be increased?
2) I'm referring to the 6 templates that come from the download zip file: "elementor-templates-kit-for-MP3AudioPro_ONLY"named MP3 Player 001....006 When I click on preview in the My Templates list the template doesn't appear correctly. (please see attached screenshots) Also can you give instructions on how to use these templates? Do I first need to create a playlist outside of Elementor ?
1) You can increase it with custom CSS, but if you have a many player, this wont be recommended because it would be slow to load big images.
2) If you edit the templates with Elementor, you will see that they refer to no playlist. Just make sure to select a playlist that you have created and it will works..
1) I've since revised my design, 450 max width will work very well so no need to increase limit
2) I figured it out, you have to make a playlist outside of Elementor first before you use the templates.
3) If I am making a playlist in Elementor, using the source "This Widget" selection, is there a way to add Call to Action buttons? Or that can only be done with the classic/gutenberg editor?
The track call to actions are only available if you create a playlist outside of Elementor. You cannot set call to actions if you set the source as This Widget.
Thanks for confirming Max. On another issue I attached some screenshots to ask about the padding there seems to be in place with the MP3 Pro widget and the column. I am trying to create a border around the Tracklist Container. How can I remove that space on the right side?
Hi
1) I started with adding the Sonaar MP3 player widget within Elementor and adding a few tracks to the playlist. Ideally I am trying to design a layout where the Album cover displays on the left, with the song index on the right, images appearing per selected track. I would like to have the track image appear within the track container with an overlay to diffuse the image, with the index on top. It seems the size of the track images is maxed out at 450 px. Can it be increased, CSS possibly? Is overlay on track images possible? Would like the track image to take up all the space on it's side, 50% of the container.
2) How do we preview the Audio Pro Player templates?
3) I've activated the sticky footer player, how do we stylize?
Thanks
Hi,
1) i dont understand what you mean by "overlay to diffuse the image"? We don't have options to overlay or diffuse the image unfortunately. You can see all our demos available here: https://sonaar.io/mp3-audio-player-pro/music-player-for-wordpress/examples/
2) Im not sure to understand this one as well sorry..what do you refer to as audio pro player templates exactly?
3) You can stylize the sticky in WP-Admin > MP3 Player > Settings > Sticky Player
Thanks,
Max from the Sonaar.io Crew
Thanks for the quick reply Max.
1) Ok, no problem, perhaps a feature to consider for future updates. I should have framed the question "overlay with opacity control like Elementor", instead of "diffuse the image", which is not the correct term and confusing.
-It seems the "image width" of track images are maxed out at 450 px. Can this be increased?
2) I'm referring to the 6 templates that come from the download zip file: "elementor-templates-kit-for-MP3AudioPro_ONLY"named MP3 Player 001....006 When I click on preview in the My Templates list the template doesn't appear correctly. (please see attached screenshots) Also can you give instructions on how to use these templates? Do I first need to create a playlist outside of Elementor ?
3) Thx
1) You can increase it with custom CSS, but if you have a many player, this wont be recommended because it would be slow to load big images.
2) If you edit the templates with Elementor, you will see that they refer to no playlist. Just make sure to select a playlist that you have created and it will works..
To use and insert templates into the page builder, read this article from Elementor Documentation: https://docs.elementor.com/article/60-library
Thanks,
Max from the Sonaar.io Crew
Thanks Max,
1) I've since revised my design, 450 max width will work very well so no need to increase limit
2) I figured it out, you have to make a playlist outside of Elementor first before you use the templates.
3) If I am making a playlist in Elementor, using the source "This Widget" selection, is there a way to add Call to Action buttons? Or that can only be done with the classic/gutenberg editor?
Hi,
The track call to actions are only available if you create a playlist outside of Elementor. You cannot set call to actions if you set the source as This Widget.
Thanks,
Max from the Sonaar.io Crew
Thanks for confirming Max. On another issue I attached some screenshots to ask about the padding there seems to be in place with the MP3 Pro widget and the column. I am trying to create a border around the Tracklist Container. How can I remove that space on the right side?
What is your URL so I can reproduce this ?
Thanks,
Max from the Sonaar.io Crew
For now, i just need your website address where I can see the issue.
Perhaps Ill need access to your wp admin but not for now
Thanks,
Max from the Sonaar.io Crew
Hi,
there is 30px padding set by Elementor here: https://d.pr/i/iWOdeW
You will need to remove this. This is not set by our audio player.
Thanks,
Max from the Sonaar.io Crew
It's fixed now. Sorry about that, my bad, I missed that, I thought all the settings were at 0.