Replace Play/Pause button with custom images (floating layout)

CSS Codes Background Music
1

Add this code to the Custom CSS field on the Style tab of your Background Music widget’s settings:

.global-style, 
[class*="DefaultButton__IconComponent"] svg {
    display: none;
}

.global-style,
[class*="DefaultButton__IconComponent"] {
    background-position: center center;
    background-size: cover;
}

.global-style,
[class*="Play__Component"] {
    background-image: url("PLAY_ICON_IMAGE_URL");
}

.global-style,
[class*="Pause__Component"] {
    background-image: url("PAUSE_ICON_IMAGE_URL");
}

Note: Do not forget to replace Image URL with the actual link to the image


Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: