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: Atelier
• March 15, 2016 at 9:07 am #255442
  ktdoyle

  Member

  Post count: 44

  Hi,

  I’m working on a client site and on the home page I’m using a mix of image assets and image banner assets. The spacing between all images was equal both horizontally and vertically until I added captions to the images. Now there is more space vertically between the assets than horizontally.

  1. Can you please tell me how to make the spaces between the assets equal both horizontally and vertically.

  2. Also, in mobile view, can you please tell me how to make it so that each image asset has a space between it.

  Client site: http://66.147.244.217/~futaride/production/

  Many thanks,
  KT

  March 15, 2016 at 11:46 am #255493
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .spb_image {
      margin-bottom: 8px;
  }
  

  Please attach marked screenshot for mobile issue.

  Thanks
  Mohammad

  March 15, 2016 at 12:28 pm #255514
  ktdoyle

  Member

  Post count: 44

  That’s great Mohammad! Thanks so much for your genius coding! Worked a treat!

  Warm wishes,
  KT

  March 15, 2016 at 12:40 pm #255526
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. Glad 🙂 to help you.
  Thanks
  Mohammad

  March 16, 2016 at 9:01 am #255719
  ktdoyle

  Member

  Post count: 44

  Hi Mohammad,

  Thanks again for this fix to the spacing between the homepage images 🙂

  However, on looking through the portfolio detail pages, the new CSS code I added has changed the image spacing vertically, making it much smaller. The horizontal spacing between images still looks like the default, which is great, but the vertical spacing is much tighter. Are you able to provide me code to fix this, but keep the great spacing on the homepage?

  Homepage: http://66.147.244.217/~futaride/production/
  Example Portfolio Detail Page: http://66.147.244.217/~futaride/production/portfolio/paddington/

  Many thanks,
  KT

  March 16, 2016 at 9:13 am #255725
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Change to

  
  .home .spb_image {
      margin-bottom: 8px;
  }

  – Kyle

  March 21, 2016 at 3:07 am #256587
  ktdoyle

  Member

  Post count: 44

  That’s fantastic Kyle. Worked perfectly! Thanks so much. Warm wishes, KT

  March 21, 2016 at 3:12 am #256592
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi
  Great thanks to Kyle.
  Mohammad

• Back to forum

  Posted in: Atelier