Audio Player - Right Align

Ask the Community Customization
1

Hey!

Wanted to shout out for an option to ‘right align the’ the now-playing image and track controls in the widget. An option to ‘mirror’ the layout of the player, so to speak.

1 Like
3

Hi there and welcome aboard @user13075 :wave:

Our devs will check it and I’ll let you know if it’s feasible :slightly_smiling_face:

4

@user13075 This code should help:

[class*="Full__InfoContainer-sc"] {
  flex-direction: row-reverse;
}

[class*="Full__Info-sc"] {
  margin-left: 0;
  margin-right: 20px;
}

[class*="PlayControls__PlayControlsComponent-sc"] *:nth-child(1) {
  margin-left: auto;
}

[class*="PlayControls__PlayControlsComponent-sc"] *:nth-child(4) {
  margin-left: 16px;
}

Just add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result :slightly_smiling_face: