Black Box Present around Audio Player when Canva Website is Published

Ask the Community Customization
1

I am trying to get only a white play button to appear when people visit my Canva site. I have made my background color transparent in the widget settings, and copied the link to upload to my Canva page. When editing, only the white play button is present, which is the desired result. However, when I publish the page a black box is surrounding the play button.

I have read the forums and understand that other people are having a similar problem to me. I have seen that the proposed solution is to go the widget’s settings under the “Custom CSS” tab and enter the following code:

.global-styles,
:root {
color-scheme: light !important;
}

However, in doing this I am still ending up with the same result. Additionally, it appears that this solution helps those with a theme set to “dark” - wouldn’t this then cause issues for people with a theme set to “light”? Is there a catch-all solution that will allow the formatting to appear correct for all users, regardless of theme setting?

3

Hi there, @Emma_Peterman :waving_hand:

Please try to use this CSS code instead:

@external {
  :root {
    color-scheme: light !important;
  }
}

If it doesn’t help, please send me a link to the page where your widget is installed. I’ll be happy to check it for you :slightly_smiling_face: