Untitled. Creative Agency Theme

Continue Reading
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Pictures in 'Lightbox / Display Fullscreen' with space above and below. How can I do that?

3 weeks 6 days ago #1

  • Rudolf's Avatar
  • Rudolf
  • Posts: 3
I would like to show pictures in 'Lightbox / Display Fullscreen' in such a way that they have an edge at the top and bottom, so that they don't reach the screen edge. How can I realize this?
This is how it is in Balbooa Gallery:
deichgalerie.de.w01a8915.kasserver.com/index.php/serie-2
This is how it's supposed to be:
deichgalerie.de.w01a8915.kasserver.com/index.php/fotografie?i=2

3 weeks 5 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 10581
Hello,
Thank you for contacting us

Your question is not entirely clear send a screen
and a detailed description of what result you need to get

Regards,
Vyacheslav, Balbooa.com

3 weeks 2 days ago #3

  • Rudolf's Avatar
  • Rudolf
  • Posts: 3
Hello Vyacheslav, I hope this is a better description of my project: It's about the lightbox on the page
deichgalerie.de.w01a8915.kasserver.com/index.php/bilder
At the moment the lightbox looks like this:
deichgalerie.de.w01a8915.kasserver.com/i...ghtbox-how-it-is.jpg
Instead, I would like to have them at the top and bottom with a distance to the edge, as in the following picture:
deichgalerie.de.w01a8915.kasserver.com/i...how-it-should-be.jpg
This should also be the case in 'full-screen mode'.
What do I have to do to create these white spaces above and below the picture?
Thank you and best regards, Rudolf
Attachments:

3 weeks 2 days ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 10581
Hello,

Thank you for contacting us!

To do this, you need to add CSS code to the custom CSS file of your template.
.ba-modal-body {
	margin: 25px;
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 5 days ago #5

  • Rudolf's Avatar
  • Rudolf
  • Posts: 3
Thx , your CSS works for pictures in portrait format or for square pictures. For images with an aspect ratio of 3:2 or wider, the bottom margin is not shown as defined, instead the image becomes scrollable. What can I do to fix this?
deichgalerie.de.w01a8915.kasserver.com/index.php/fotografie

Regards,
Rudolf

2 weeks 4 days ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 10581
Hello,
Thank you for contacting us

You need to remove the CSS sent earlier,
And in file ba-gallery.js (components/com_bagallery/assets/js/ba-gallery.js),
after line 2480, add the code .
                    imgHeight -= 100;
                    imgWidth -= 100;


After the update, all the custom will be lost

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum