Set custom font for all elements in floating mode

Although we do provide a list of fonts for you to choose for your widget, you might happen to need a custom code.

If that is the case, add the code below to Custom CSS field on your Audio Player widget’s Style tab:

.global-styles, [class^='Playlist__Component-sc'], [class^='FloatingBar__StyledPlaylist'], [class^='FloatingBar__Container']{
    font-family: 'Times New Roman', sans-serif !important;

You’re welcome to set any other font, providing it is supported by your browser and added to your website.