ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• October 1, 2014 at 6:00 am #116171
  thebeesons

  Member

  Post count: 85

  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.
  October 1, 2014 at 7:06 am #116183
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  October 1, 2014 at 7:46 am #116200
  thebeesons

  Member

  Post count: 85

  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

  October 2, 2014 at 6:11 am #116556
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

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

  Thanks
  Mohammad

  October 2, 2014 at 7:26 am #116581
  thebeesons

  Member

  Post count: 85

  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.
  October 2, 2014 at 7:39 am #116587
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

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

  Thanks
  Mohammad

  October 2, 2014 at 7:53 am #116592
  thebeesons

  Member

  Post count: 85

  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

  October 2, 2014 at 8:41 am #116606
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Have your issue fixed?
  Thanks
  Mohammad

  October 2, 2014 at 8:42 am #116609
  thebeesons

  Member

  Post count: 85

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

  Sorry!

  October 2, 2014 at 8:52 am #116617
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  October 2, 2014 at 9:15 am #116631
  thebeesons

  Member

  Post count: 85

  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.
  October 2, 2014 at 9:31 am #116638
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  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

  October 2, 2014 at 10:17 am #116659
  thebeesons

  Member

  Post count: 85

  Hi Mohammad,

  Thats done – excellent work as ever!

  Thanks again

  GB

  October 2, 2014 at 10:24 am #116664
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  October 2, 2014 at 11:01 am #116675
  thebeesons

  Member

  Post count: 85

  Hi Mohammad,

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

  Any thoughts?

  GB

• Back to forum

  Posted in: Dante