New Landing How can we help? Atelier Remove 'extra' vertical spacing between images and image banners

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Atelier
  • #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

    #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

    #255514
    ktdoyle
    Member
    Post count: 44

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

    Warm wishes,
    KT

    #255526
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. Glad ๐Ÿ™‚ to help you.
    Thanks
    Mohammad

    #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

    #255725
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Change to

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

    – Kyle

    #256587
    ktdoyle
    Member
    Post count: 44

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

    #256592
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi
    Great thanks to Kyle.
    Mohammad

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register