Hi! I'm trying to edit the sticky player. I set the Float mode and configured to center. The player just open full (pause and other options) just appear when the mouse is direct in the player. I think that could be better if the player appear fully exactly when the music be played. And second, i think that could be better too if the duration bar appear in the top of the player (not in the player how it showing). These editions are possible?
Edit: i found the hover option in the setting that enable the player have all the controls displayed without need have the mouse cursor in it. Just wanna know about the duration bar right now. Thanks.
Edit 2: Also i figured out that the audio spectrum looks nice being wider but he overlaps the player. How to get the player in front of the audio spectrum?
Please note that we dont usually provide custom CSS to personalize and customize your site. We do have a service for that. In this case, I will do an exception but i wont be able to help for customize it further more or debug the code if you have other issues with this css.
Hi! I'm trying to edit the sticky player. I set the Float mode and configured to center. The player just open full (pause and other options) just appear when the mouse is direct in the player. I think that could be better if the player appear fully exactly when the music be played. And second, i think that could be better too if the duration bar appear in the top of the player (not in the player how it showing). These editions are possible?
Attached files: TICKET SONAARplayer PREVIEW LICENSE.png
Edit: i found the hover option in the setting that enable the player have all the controls displayed without need have the mouse cursor in it. Just wanna know about the duration bar right now. Thanks.
Edit 2: Also i figured out that the audio spectrum looks nice being wider but he overlaps the player. How to get the player in front of the audio spectrum?
Hi
Please note that we dont usually provide custom CSS to personalize and customize your site. We do have a service for that. In this case, I will do an exception but i wont be able to help for customize it further more or debug the code if you have other issues with this css.
1) progress bar:
#sonaar-player.sr-float .mobileProgress { opacity: 1; }2) to force the player to be in front of the site: You can use this custom CSS:
#sonaar-player .player { z-index: 99999; }Thanks,
Max from the Sonaar.io Crew