Captions in one gallery too far down

shniks

Hey guys,


I noticed that the captions box in the "Panoramas" gallery, has moved way down the page. So you have the photo on the right side of the page and the caption for that photo is around half a page below the main photo. Any idea why this is happening and how to get the caption to align just below the photo (as in the other galleries)?


You can find a link to the Panorama gallery here.


Thanks much,

Lille Ulven

Hi shniks

The reason for this is that the div around your panoramas has a min-height of 480 px. To change this you could try the following:
Add a CSS block valid for only the panorama gallery with the following code

.sm-gallery-image{
 max-height: 300px !important;
}

You might have to add a little more space (a little higher px value) if you want the captions to be a little further away from the photo.

Good luck

Lille Ulven

shniks

Lille Ulven wrote: »

Hi shniks

The reason for this is that the div around your panoramas has a min-height of 480 px. To change this you could try the following:
Add a CSS block valid for only the panorama gallery with the following code

.sm-gallery-image{
 max-height: 300px !important;
}

You might have to add a little more space (a little higher px value) if you want the captions to be a little further away from the photo.

Good luck

Lille Ulven

Thanks Lille - I tried this, but it's still the same unfortunately.


Cheers,

Lille Ulven

shniks wrote: »

Thanks Lille - I tried this, but it's still the same unfortunately.


Cheers,

Maybe if you tried this one instead:

.sm-tile-single .sm-tiles-center-image .sm-tile-center .sm-tiles-uncropped .sm-tiles-fit{
 max-height: 300px !important;
}

shniks

Lille Ulven wrote: »

Maybe if you tried this one instead:

.sm-tile-single .sm-tiles-center-image .sm-tile-center .sm-tiles-uncropped .sm-tiles-fit{
 max-height: 300px !important;
}

Thanks Lille - but that doesn't work either. Not sure what the issue is.


Cheers,

Lille Ulven

I am sorry to hear, that neither way worked

The reason why your caption text is so far below your photo is this code:

<div style="[B]min-height: 480px[/B];" id="yui_3_8_0_1_1465056278093_686" class="sm-tile-single sm-tiles-center-image sm-tile-center sm-tiles-uncropped sm-tiles-fit">

The div from above is encapsulation two more div's of which the last one contains your photo, and with it's min-height being larger than your photo it is moving the caption too far down in your case. Or at least that seems to be the cause.

Maybe someone else has a working solution for this then...

Good luck

Lille Ulven