Black Bars

Nov 04, 2021

Hello,

My Storyline file starts with a video. I have a cover photo in place within the Player settings as a thumbnail for the video. No matter what size I change the image to, (I've tried several aspect ratios) there are still black bars showing up on the sides of the thumbnail once I import it into Rise. Is there some trick to this? A specific image size? A specific aspect ratio? The black bars are certainly hindering my design and need to be fixed asap. What's the trick to getting rid of them?

Pinned Reply
Kelly Auner

Hi, everyone!

I have some great news to share! We just released another update for Storyline 360. In Update 77, we've included important fixes and new features.

One of the enhancements we've included: 

  • Set your cover photo to fill the player frame. Enable it in the player properties.

Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let me know if you need additional help!

11 Replies
Becca Levan

Thanks for reaching out, Christopher!

Sounds like you might be seeing the border of the Player. I tested this out myself, and I see the same black bars on each side of the cover photo. I found this neat trick courtesy of our very own Tom Kulman that helped me get rid of those pesky sidebars. He even created a recorded demo 😊

I'm excited to hear if this trick will work in your design!

Christopher Kegley

Thanks for the reply Becca, but unfortunately I already have the player completely invisible. All menus and controls are off. The only checkbox I have selected within the player is the Cover Photo. Both my story size and Cover Photo image are 1920x1080. I even tried changing my image size multiple times trying to get the image to fit without the black bars appearing, but couldn't. Once I import the Storyline file into Rise, those two thin black bars appear above and below the Cover Photo. 

Becca Levan

Thanks for testing this with me, Christopher! I tried Tom's trick myself, and while it does hide all bars for the video, I see them at the top and bottom of the cover photo now.

This isn't something I see we've run across yet, so I'd like to bring it to my team to do some further testing. Any chance you could share your file with us privately to test out sizing specific to your image?

In the meantime, I'm hopeful some community folx will come up with some ideas!

Becca Levan

Me again, Christopher 😊

I see that our support engineers worked with you and have logged this as a possible bug where a cover photo shows black bars at the top and bottom regardless of cover photo dimensions and when the player controls are disabled. 

Also, I wanted to let you know that we're tracking a feature request to maximize cover photos when embedded in Rise 360 courses to eliminate those black bars.

I've added this discussion to both reports, so you'll get notified when we have any updates!

Related Resources:

Kelly Auner

Hi, everyone!

I have some great news to share! We just released another update for Storyline 360. In Update 77, we've included important fixes and new features.

One of the enhancements we've included: 

  • Set your cover photo to fill the player frame. Enable it in the player properties.

Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let me know if you need additional help!

Steven Benassi

Hi Lauren!

Happy to share some insight on this!

If you match the resolution of your image with the screen size that is being used to view the course, you should get better results. Also, this article provides some great tips when adding media to your Storyline course!

Please let me know if you have any more questions!