A mix of short and long descriptions doesn't work

When description gets a line break(s), the additionnal lines do not push design downwards as usual and expected, but it pushes the image upwards, thus cutting off the top of this image.
This must be an oversight(?), as this makes it impossible to standardise images if there are a mix of short and long descriptions.

I tried finding a CSS workaround, but couldn’t.

3 Likes

Hi @Kristian_Frost welcome to community :grinning_face:

Would you share the link to the widget?

1 Like

Hi,

Yes.
On Elfsight:
https://dash.elfsight.com/widget/9295011a-ff87-4e74-8fc7-bf7e74169e49

WWW:
https://www.sif-trøjen.dk

I’ve set this CSS to counter it somewhat:
.eapp-photo-gallery-thumbnails-image {
margin-top: 20px !important;
}

But this shouln’t be necessary. This makes it look okay on computers and tablets in Landscape orientation. But it’s impossible to make it work/look nice on Mobile/Portait orientation without having a huge gap. Try flicking through the season 2022/2023.

Cheers :smiley:

2 Likes

Hi @Kristian_Frost

Thanks for sharing. I took a look. You’re right, it doesn’t look good.
But I did notice something with the padding.
If I deselect it, it works without the img margin.

grafik

grafik

Unfortunately, I can’t see it on your dashboard.
You can share the widget alone here. Install Code Page and then Share Link

3 Likes

Hi there, @Kristian_Frost and welcome to the Community :waving_hand:

I’ve checked your widget and there is no cropping issue on my end now (even without using your CSS code).

Could you please confirm if everything is fine on your end now?

1 Like