My custom CSS not applying for "Background Music" (floating mode, static Html website)

Ask the Community Customization
1

I tried almost everything and still have some trouble adding custom CSS to the elements (background of the playlist and the size of volume/playlist buttons). My last code was:

.global-style,
[class*='Background__StyledPlaylist-sc-1lq8xr6-4'] {
background-color: rgb(48,44,69);
}

.global-styles, 
[class^="Playlist__Component-sc"] {
background-color: rgb(48,44,69);
}

.global-styles,
[class*='PlaylistButton__PlaylistButtonComponent-sc-13w9d8z-0'] {
    width: 36px;
    height: 36px;
}

The website: https://dragonicle.com

Thank you, Team.

2 Likes
3

Hi there, @Maksim_Razbo and welcome to the Community :wave:

This code will help you change the background color of the playlist - Change playlist background color

And here is the code to change the size of the buttons:

.global-styles, [class*="VolumeComponent__VolumeControlComponent-sc"] {
scale: 1.2;
}

.global-styles, [class*="Play__Component-sc"] { 
  scale: 1.6;
}

Give it a try and let me know if it helped :wink:

4

Thank you, Team, for such a quick response and a working solution.

Kind regards,
Maksim.

2 Likes
5

It’s my pleasure :wink: