Background floating player - stick to center

Hey, why there’s no option to make the background music player float on the bottom-centerof the screen?

Is there a way to achieve that using custom css?

1 Like

Greetings @Daniel_Kazak and welcome to Elfsight family :tada:

I’ve relayed your request to our devs. Please do not worry, I’ll get back to you once I receive any updates :slightly_smiling_face:

1 Like

Hi @Daniel_Kazak,

You can use the following CSS code to align your background music player:

.global-styles, [class*="FloatingBackground__Container"] {
  left: 50%;
  transform: translate(-50%, 0);
  right: auto;

Let me know if it works for you!


Masha this is great! It works perfectly.
I wonder, could i also increase the size of the controls? And add the featured track picture to the left side of the controls?

Changing the size of the controls might need a bit more customization depending on which controls you are using in your widget. Could you send the link to a page where your widget is installed or your widget ID?

As for the featured track picture, unfortunately there is no option to customize the widget this way. I am really sorry :pensive:

I agree that this functionality would be really helpful. Would you mind sharing your idea in our Wishlist?

We’ll strive to consider it in our future updates!