Johannes Kinast

Hi Vladoa,

the Plugin does not change anything on the default Gallery Block. I would suggest shortening the description or add some CSS to shorten the description on the Gallery Block:

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Hi Kyler,

thank you for the positive feedback!

Its not supported out of the box from baguetteBox.js.

Thank you!

Great solution!

Could you send me the exact link to your WordPress Page with the portrait image? Then I can play around with it directly.

Hi Tibor,

do you have an example for me?

Probably setting a max-height to 100 view-height could fix this problem but I could cause some other troubles.

#baguetteBox-overlay .full-image img {
width: 900px;
max-height: 100vh;
}

Haha, I will add another five-star rating in my head ??

Awesome! Glad I could help you.

I see the problem. Try this:

#baguetteBox-overlay .full-image img {
    width: 1000px;
}

Without height to maintain the ratio.

One think to remember: If the image is smaller than 1000px, it gets scaled up. That could look bad ??

HI Marc,

I’ve decided to add this feature. Its not perfect because now the Scripts & Styles load an all pages with at least one Image Block but I think its fine because it’s still lightweight.

Just released 1.3.0 ??

Hi Marc,

You can set a custom max-width with this CSS snippet:

#baguetteBox-overlay .full-image img {
max-width: 1000px;
}

Hi Michael,

great idea! I just pushed a new release with innerHTML.

Thank you!

I think they are hidden because you can swipe on mobile.

You can check the Baguettebox.js Demo here https://feimosi.github.io/baguetteBox.js/ There are missing there, too.