Gallery Spacing

[thebeesons]

Hi,

I’m trying to place a series of lightbox galleries side by side on the same page. They look fine horizontally but have massive spaces between them vertically. Is there some custom css I can add to remove this?

Thanks in advance.

GB

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Have you removed gallery from this page http://test.rosannehollowell.co.uk/?page_id=87? Please insert gallery there to inspect and resolve the issue.
Thanks
Mohammad

[thebeesons]

Hi Mohammad,

The galleries are still on that page, I’ve just added the page to the =
main menu to avoid confusion – its called “Test Page”

Hope that helps

GB

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.page-id-87 .flexslider .slides li img{
max-height:360px !important;
}

Thanks
Mohammad

[thebeesons]

Hi Mohammad,

Afraid to say that hasn’t fixed the issue. The image size is fine, its the spacing above below that I would like to change. I have attached a new screen grab to explain. I would like the space below each gallery (B) to be the same as the gutters between columns (A).

I think the space below each gallery is usually for thumbnails but in this instance I have them turned off so I don’t need the additional space.

Again – thanks in advance

GB

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.spb_gallery_widget{
margin-bottom:70px !important;
}

Thanks
Mohammad

[thebeesons]

Hi Mohammad,

Thanks for this, by altering the value “70px” I can add more padding, but even when set to “0px” it still looks as it did originally.

Apologies for being a pain!

GB

[Mohammad – SUPPORT]

Hi,
Have your issue fixed?
Thanks
Mohammad

[thebeesons]

Afraid not – as mentioned above your last fix hasn’t worked.

Sorry!

[Mohammad – SUPPORT]

Hi,
I think that i did not get your issue exactly. Can you please explain the issue better?
Thanks
Mohammad

[thebeesons]

Hi Mohammad,

Yep – no worries. I have attached a new screen grab – hopefully its a bit clearer.

Thanks again

GB

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.page-id-87 .flexslider ul.slides{
max-height:388px !important;
}

.page-id-87 .spb_gallery_widget{
margin-bottom:0px !important;
}

Thanks
Mohammad

[thebeesons]

Hi Mohammad,

Thats done – excellent work as ever!

Thanks again

GB

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad

[thebeesons]

Hi Mohammad,

Me again – that worked really nicely on the largest screen size, but not anything smaller.

Any thoughts?

GB