Player frame - how to remove the light grey 20 pixel border all round

Hey, Wendy.

Check out this nifty styling guide. It may help to determine which element of the player needs to be adjusted.

https://articulate-heroes.s3.amazonaws.com/articles/storylineplayercolors1xd3uh.pdf

Hi Cody

thanks I've followed that doc already and still have the border

Any other ideas?

Hi Wendy,

Did you look into the elements here to be entirely Chromeless? With the exception of the button items, that may remove the border you're seeing. 

Hi Ashley

thats what I followed and all those elements are transparent that are mentioned but still have this niggly border 

even if I can't remove it but can at least make it white to blend with the LMS background that would work too.

Hm, Wendy - I think we'll need to take a look at the player template if you've already gone through those steps to change it. Here's how to share a player. 

Hi Ashley

here 'tis

Thanks Wendy for sharing the player set up. I see the same behavior in your file, and after seeing that I did a bit more digging in reports filed with our QA team. It seems that this has been reported, and that the grey border you're seeing appears in the preview - but it seems that publishing it allows you to see it as expected. Please use that workaround in the meantime while we wait for additional updates from our QA Team - and I've linked this thread to that report so that I can share updates here. 

Thanks for following up Ashley 

I'll publish it to check and report back

I did a test publish with yours, and even viewing the output locally allowed it to work as expected - so you should be ok. But if you see anything different let us know and if you can share a link to the published output that would help! 

Will do thanks 

Great news - works as expected when published...thanks Ashley!

Thanks for the update Wendy - and glad that part still works. I'll keep you posted here when I hear more from the QA Team. 

Hi Ashley, is there a way to altogether remove that border? While it is okay to make i transparent for desktop viewing, it is not so good for mobile devices as I am losing some canvas, as well as it  opens up like a window within the browser (a window in a window). Let me know if there is a way around this - any html code changes?

Thanks, Rahul

Hi Rahul!

Looks like Ashley's response here was able to assist you.

We do not support the modification of the published output, so I would not be able to assist with that.

Yeah, that is the thing I have been struggling with for a week. I am able to hide the boarders, but when I import the project into the Canvas LMS, the boarder still shows, as a big gap between the page title and the Storyline project. There has to be a better way?