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:

7

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

1 Like
8

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:

9

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
10

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:

image
image817×482 50.1 KB