Gray border around logo in player

Peter Anderson
Staff

almost 11 years ago05/30/13 at 9:55 am (UTC)

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
Author

almost 11 years ago05/30/13 at 10:11 am (UTC)

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.

Peter Anderson
Staff

almost 11 years ago05/30/13 at 10:15 am (UTC)

Hey, thanks for clarifying, Lucas

This actually just came up the other day, and unfortunately when the background of your logo is the same color as the background of your player, it never totally disappears.

Would have to be a feature request at this time, I'm sorry to say.

Lucas Hackett
Author

almost 11 years ago05/30/13 at 10:24 am (UTC)

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.)

Nigel Ribeiro

almost 11 years ago06/21/13 at 12:01 pm (UTC)

I had the same issue when I tried to add a logo that was a JPEG. I converted it to a .png file and the grey line goes away.

Christine Hendrickson
Staff

almost 11 years ago06/21/13 at 12:28 pm (UTC)

Nice information, Nigel!

Thanks for sharing this :)

Adam Skelton

over 10 years ago09/16/13 at 2:30 pm (UTC)

If you put a 1px transparent border around the image this solves the problem too.

Leslie McKerchie
Staff

over 10 years ago09/17/13 at 5:08 am (UTC)

Hi Adam and welcome to E-Learning Heroes Thanks for sharing your solution as well.

Sameer khan

over 10 years ago10/09/13 at 3:19 am (UTC)

Thanks Nigel!

Ashley Terwilliger-Pollard
Staff

over 10 years ago10/09/13 at 10:59 am (UTC)

Glad that it was able to help you out Sameer!

Jonathan Olsson

over 9 years ago09/05/14 at 1:31 am (UTC)

Adams solution worked for me!

Thanks!

/J

Leslie McKerchie
Staff

over 9 years ago09/05/14 at 6:24 am (UTC)

Thanks for sharing Jonathan

Laurie Strauss

almost 6 years ago05/01/18 at 8:47 pm (UTC)

Is there a fix for this coming down the pike? I work with loads of images with white backgrounds. Saving as a .png does not work for me. Adam's fix was the only thing that worked, but this is a multi-step process for each image in Photoshop.

Alyssa Gomez
Staff

almost 6 years ago05/02/18 at 6:00 pm (UTC)

Hi there Laurie,

Since this is an older thread, I'd like to start fresh and hear more about what you're looking to do.

Are you using images with white backgrounds in the logo area of the Storyline player? If so, are you seeing a gray border around the image in the logo area?

almost 6 years ago05/02/18 at 7:02 pm (UTC)

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!

Alyssa Gomez
Staff

almost 6 years ago05/03/18 at 5:28 pm (UTC)

Ah, thanks for clarifying that, Laurie!

Do you notice a difference if you save the file as PNG in Photoshop rather than JPG?

Also, would you mind sharing one of those JPG files with me? I'd like to check it in Storyline 360. If you'd rather keep it private, click here.

almost 6 years ago05/03/18 at 5:33 pm (UTC)

Thanks for following up, Alyssa. I used the "Upload file" link. Just for anyone on the thread, converting the file from a .jpg to a .png didn't resolve the issue for me. Thanks again for your help!

Alyssa Gomez
Staff

almost 6 years ago05/03/18 at 5:50 pm (UTC)

Thanks, Laurie! I've got your file now! I'll give it a test and reply to you via your case soon. 🙂

Shawn Absolam

almost 6 years ago06/14/18 at 12:06 pm (UTC)

I'm also noticing gray borders around jpg's with white backgrounds is there a fix or workaround?

Laurie Strauss

almost 6 years ago06/14/18 at 1:50 pm (UTC)

I'm using Adam Skelton's workaround, adding a transparent border to the images. It's tedious when working with a lot of images with white backgrounds, but it works.

Shawn Absolam

almost 6 years ago06/14/18 at 1:51 pm (UTC)

We have a lot of images that we would need to do this with, was hoping Articulate would have a fix in place.

Laurie Strauss

almost 6 years ago06/14/18 at 1:53 pm (UTC)

I hear you, Shawn. Almost all the images I work with have white backgrounds. Here's hoping the Articulate team figures out a fix sooner than later!

Ashley Terwilliger-Pollard
Staff

almost 6 years ago06/15/18 at 4:10 pm (UTC)

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.