Adjusting the font settings for text in a widget

Hi Helga! I’m excited about working with you and your team! I run a small website for Christian ministries (heavensound.com) and found your system through a Google search. I’ve created a number of Audio Player widgets for use in the artist pages on my website, but I’ve run into an issue. The size of the track titles when I place the widget on the artist page is much too large, so the titles aren’t easily visible. Is there some CSS code I can add to the player code to adjust the text size to a smaller font size, say 12 pt or so?

1 Like

Hello @HeavenSound, and thanks a lot for all your kind words!! We’re happy to hear that you love our service and our widgets :hugs:

As for the Audio Player widget, I’d be delighted to help, but I didn’t find a widget on your website, unfortunately.

Could you please send me a direct link to the page with the widget so that I can better understand the use-case and provide a solution?

I don’t use the audio player widget but possibly on the bottom left of this screen is an example?
https://heavensound.com/artists/sacredcall.htm

Exactly! Thank you so much, @Hugh!

@HeavenSound I’ll ask the developers to put together a CSS code, and I’ll get back to you as soon as I have any news :slight_smile:

Hi John, thank you for your patience!

Here I am with the CSS codes for you:

This one changes the size of the titles in the list, and it is already added to your widget Custom CSS:

.global-style, [class*="PlaylistItem__Title"] {
font-size: 11px!important;
}

.global-style, [class*="PlaylistItem__Duration"] {
font-size: 11px!important;
}

.global-style, [class*="ProgressBar__TimeStart"], [class*="ProgressBar__TimeEnd"] {
font-size: 11px!important;
}

And you can add this one too, in case you’d love to change the size of the currently playing track’s title:

.global-style, [class*="BigImage__Title"] {
    font-size: 11px!important;
}

Please let me know if the codes worked!

1 Like

My apologies for the delay in getting back to you on your request. I dropped the proverbial ball and I’m really thankful that Hugh picked it back up. Thank you, Hugh!!

1 Like

Helga, this worked perfectly! Thank you so much!

Awesome news, thanks a lot for the update, John!

And thank you, @Hugh, for speeding up the investigation :hugs:

See you around!

Helga, is it permissible to ask one additional question through this email, or should I submit it on the site? It has nothing to do with the questions answered in this email previously

You’re most welcome to ask any questions here, I’ll be very happy to assist!

I can move it to the corresponding category in our forum if needed :slight_smile:

I want to utilize your buttons feature to put a button beside each music track that takes the user to a specific URL. I know how to do that with the buttons currently on the site, but is there a way to add a custom button image from an image file?

Hi John, my apologies for the late reply – it seems we’re in different time zones :frowning:

Unfortunately, at the moment there is no option to upload custom icons for buttons, I’m very sorry for the inconvenience!

Your request sounds really nice and reasonable, so I was happy to add it to our wishlist. Please vote for it in order to get updates via email: An option to upload custom images for buttons | Feature Wishlist

If you have any other questions, please do let me know :slight_smile: