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

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

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

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

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?

1 Like

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:

Sure, it’s at https://meherbabamusic.blogspot.com.

1 Like

Thank you!

We’ve fixed the issue by adding padding: 0 !important; to the existing CSS code. Please check it out and let me know if everything is fine now :slightly_smiling_face:

Thanks, that worked. Now, when I go to + Add Tracks > Add Tracks by Link > Enter my AWS Object URL > I get “Unable to load audio…,” even though if I paste my object URLs into a browser search bar, it brings me right to the files for downloading or playing, meaning that the files are public. Any ideas? The free plan allows for uploading more than one file, right?

1 Like

Hi there, @user25696 :waving_hand:

Could you please send me a link you’re trying to add? If you don’t want to share it here, you can send it to me in a direct message: