Any way to change "Cover" size in Audio Player widget?

Ask the Community Customization
1

Hi, I’m bringing all my material over from JW Player, which apparently disabled their free plans in favor of paid subscriptions, and I have a JPG to display with each MP3 file with a song title and other info. The JPGs are premade, and when I uploaded one in my Elfsight Audio Player Dashboard > Edit > Track Info. > Cover, it is too large and is cropped automatically, cutting off the edges. Is there any way to change the Cover size or do any themes have different or adjustable Cover sizes? The current size of my JPGs is 280 x 180 pixels.

2 Likes
3

Hey there and welcome to the Community, @user25696 :waving_hand:

Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

[class*="Image__ImageContainer-sc"] img {
  object-fit: contain; 
}

[class*="Image__ImageContainer-sc"] {
  height: auto !important;
}
1 Like
4

That worked. Thank you so much! It’s taken me months to find a player that might work, and your help might be the final touch that allows me to use Elfsight!

1 Like
5

In the Elfight dashboard, the jpg fits perfectly, but when I embed the code on my webpage, the jpg gets moved down and to the right (see pic). Any ideas how to fix that?

image
image1320×324 24 KB

1 Like
6

Hi there, @user25696 :waving_hand:

Thank you so much for the feedback!

Could you please send me a link to the page, where your widget is installed? I’ll be happy to check it for you :slightly_smiling_face: