Remember me

Making images lightbox scrollable

6 years 5 months ago #1

  • onelove234's Avatar
  • onelove234
  • Posts: 350
Hi,

If I have an image with a long height and only the background of the screen will scroll when opened in lightbox.

How can I scroll the image only ?
overflow-y: scroll works but it will show the scrolling bars right next to the image which does'nt look so good.

Kind regards,

6 years 5 months ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,

Please send a link to the page with a problem.

Regards,
Vyacheslav, Balbooa.com

6 years 5 months ago #3

  • onelove234's Avatar
  • onelove234
  • Posts: 350
Ok, I sent you details with your contact form.

6 years 5 months ago #4

  • Artem's Avatar
  • Artem
  • Posts: 11342
Hello,

The issue was with a your custom css. please check your email box

Suggestion! Absolutely each Gridbox item includes field "Class Suffix". if you need to add some CSS add your own class suffix and write CSS

Regards,
Artem

6 years 5 months ago #5

  • onelove234's Avatar
  • onelove234
  • Posts: 350
Hi,

I changed the size of the image on purpose, if the image is small then we cannot read the menu's content. (even if the menu is empty for now :) )

Is there no similar easy solution such as here support.balbooa.com/forum/gridbox/1576-s...bar-in-overlays#7062 ?

Kind regards,

6 years 5 months ago #6

  • Artem's Avatar
  • Artem
  • Posts: 11342
Hi, S├ębastien!

Sorry for delay with a reply!

I can recommend you next.

1. Delete your CSS for this picture
2. Under the Menu-picture (in the same column) add overlay section plugin with a Menu picture
3. Using padding options for the button, increase the overlay section button height up to to the same size as the picture
4. Make overlay button fully transparent
5. Add margin -100px to move button on the picture

So, when user will click on the picture, will be opened overlay section

Regards,
Artem

6 years 5 months ago #7

  • onelove234's Avatar
  • onelove234
  • Posts: 350
You could answer 5 days later and you wouldn't be late, it's ok :)

Very creative solution, thank you !

Edit : in firefox somehow the overlay button gets misplaced, to solve place the button above the image with then a negative margin to have the image behind the overlay and add a css class to the button with a z-index above 1.

6 years 5 months ago #8

  • onelove234's Avatar
  • onelove234
  • Posts: 350
I've just applied it to 2 menus ; really happy with the solution, you have really been thinking "outside the box" for this one ;)

6 years 5 months ago #9

  • Artem's Avatar
  • Artem
  • Posts: 11342
You're welcome :)

Gridbox is very flexible. Sometimes, I think that even we (Gridbox developers) don't know all the power and possibilities of the Gridbox :lol: :lol: :lol:

Have a nice weekend!

Many Thanks,
Artem, Balbooa.com

6 years 5 months ago #10

  • onelove234's Avatar
  • onelove234
  • Posts: 350
Yes and you shared that power with the world :)

Good week end to you too.
Powered by Kunena Forum