Hey guys! How can I change the color of a close button above the volume to hide the sticky player? Right now it's grey and because of it it's not even visible, especially from the phone. (attaching a screenshot)
So, it fixed the issue with an arrow, thanks. However, there's still an issue with the playing icon when you close the player. It is grey, and you can barely see it, cuz my website theme is dark. I'd love to make it a different color.
Hey guys! How can I change the color of a close button above the volume to hide the sticky player? Right now it's grey and because of it it's not even visible, especially from the phone. (attaching a screenshot)
Hi Denys,
Please use this custom css code.
#sonaar-player .close.btn-player.enable:after, #sonaar-player .close.btn-player.enable:before {
border-color: #ff0000;
}
Thanks,
Alex from the Sonaar.io Crew
It didn't work
I pasted it in Appearance - Customize - Custom CSS but nothing changed.
Where exactly should I enter this code?
I also tried inserting this code in Advanced settings in appearance, but it still doesn't work :(
Sorry, the code I gave is not strong enough to overwrite the current style.
Please use this code
#sonaar-player .close.btn-player.enable:after, #sonaar-player .close.btn-player.enable:before {
border-color: #ff0000 !important;
}
Thanks,
Alex from the Sonaar.io Crew
So, it fixed the issue with an arrow, thanks. However, there's still an issue with the playing icon when you close the player. It is grey, and you can barely see it, cuz my website theme is dark. I'd love to make it a different color.
Is there a separate code for that as well?
See the screenshot attached.
.
I fixed it on the computer, but this icon is still grey and not visible on the mobile version. Any way to fix it?
Add this code:
#sonaar-player .close.btn-player rect {
fill: #ffffff !important;
}
Thanks,
Alex from the Sonaar.io Crew
Worked, thank you very much!
You are welcome
Thanks,
Alex from the Sonaar.io Crew