How to hide lightbox scrolling bar

New Here ,
Jul 29, 2017

Copy link to clipboard

Copied

Hi,

I'm wondering if I can hide scrolling bar in the Lightbox.

I found this code:

<style>

body {

overflow-y: hidden;

}

</style>

and placed it into HTML for <head> in Page Properties, but unfortunately it only removes the site scrolling bar, but not the one when Lightbox is open.

Here please see my test site. You can click the "Brooklyn" one to see the Lightbox with scrolling bar

typeji.businesscatalyst.com

Thank you!

Views

751

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

1 Correct Answer

Guide , Jul 30, 2017
Pavel_Homeriki Guide , Jul 30, 2017
<style>.ContainerGroup {overflow-y: hidden !important;}</style>

Likes

Translate

Translate
Jump to answer Jump to answer
Adobe Community Professional ,
Jul 29, 2017

Copy link to clipboard

Copied

There are some "all disabler" widgets on musewidgets.com.

You should ask the inventors, if this fits to light boxes as well first, before you purchase one.

There´s also one where you can create a custom scrollbar. Maybe this gets a workaround for you, if light boxes cannot be set to hide the scroll bar.

Unfortunately this is available only with subscription but I didn`t check all of them.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
plee13 AUTHOR
New Here ,
Jul 30, 2017

Copy link to clipboard

Copied

Thank you for your suggestion. Unfortunately, the "all disabler" doesn't work on Lightbox.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jul 30, 2017

Copy link to clipboard

Copied

It´s a pity. Sorry.

Uwe

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Guide ,
Jul 30, 2017

Copy link to clipboard

Copied

<style>

.ContainerGroup {

overflow-y: hidden !important;

}

</style>

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
seanh67 LATEST
New Here ,
Jul 02, 2020

Copy link to clipboard

Copied

I have been trying to get this to work on my lightbox widget in Muse, and for the life of me, I can't get rid of the vertical Scrollbar on just the lightbox hero image after it opens.  Can you please help?  

 

I tried going to the page and then going to Object/Insert HTML and then pasting: 

 

<style>

.ContainerGroup {

overflow-y: hidden !important;

}

</style>

 

But it won't work for me.  I tried a bunch of other things to to no avail.  What am I doing wrong?  Thanks.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more