Remove 'extra' vertical spacing between images and image banners

[ktdoyle]

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

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.spb_image {
    margin-bottom: 8px;
}

Please attach marked screenshot for mobile issue.

Thanks
Mohammad

[ktdoyle]

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

Warm wishes,
KT

[Mohammad – SUPPORT]

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

[ktdoyle]

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

[Kyle – SUPPORT]

Change to

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

– Kyle

[ktdoyle]

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

[Mohammad – SUPPORT]

Hi
Great thanks to Kyle.
Mohammad