Gray border around logo in player

May 30, 2013

When I import a logo into the player, Storyline adds a thin gray border around it. In this case, I think it would look much better without the border. Is there a way to disable it or make it transparent, in the Player Properties or elsewhere?

See the example below. The thin gray border outlines the imported image.

37 Replies
Peter Anderson

Hey Lucas, 

When you add a logo to your sidebar, Storyline includes a border and slight shadow on it. If you want to change or remove either of these, no problem—you can customize their colors (or make them transparent) by modifying your player's color scheme.

Here's a job aid to help you quickly identify which parameters in Storyline's player properties are used to control the color of each item on your course player.

Lucas Hackett

Right - I've used that job aid in the past. It has instructions for changing certain aspects of the logo panel, including the shadow and the background color (logo>shadow and logo>bg respectively). The job aid does not specify - and I cannot find it in the advanced color settings in the Player Properties - how to remove the border around the image.

I've drawn over the border in red to clarify what I'm talking about.

Lucas Hackett

The border is also visible in the logo preview in the Player Properties -

Looking at the HTML5 output, the border is included in the image itself, suggesting that Storyline applies the border inside the image after it is imported. (I have confirmed that the border is not present in the original image.)

Laurie Strauss

Hi Alyssa,

Thanks for your reply. It’s not a logo issue. These are images of products on white backgrounds, modified in Photoshop by our marketing department and saved as .jpg. There is no gray border around the images. However, when I insert them or paste them into a Storyline 360 slide with a white background, a thin gray border appears around the image. Confusingly, sometimes the gray border disappears in Preview mode; sometimes it doesn’t. The only full-proof method I’ve found is opening the image in Photoshop, deleting the background, increasing the Canvas size by a couple of pixels, saving as a .png, and reinserting into the slide. It goes without stating that this is tedious work and hence greatly prolongs my process. I hope this helps!

Ashley Terwilliger-Pollard

Hi Laurie,

I took a look at the case you worked on with Alyssa where she wasn't able to replicate that issue with your images. Are you continuing to see the behavior?

Shawn, are you running into this with images on a slide or in the player logo? I have seen an issue with a gray border around an image on the slide, if that image had the "Zoom picture" enabled. That's something our team is still looking into, so if it matches your setup I can keep you posted here.