Jump to content

Adjusting padding between images in a gallery block on mobile device.

Recommended Posts

Posted

Site URL: https://www.daleckidesign.com.au/thewasley

Hi there!

I am wondering if there is anyway to reduce the padding between images in a grid gallery on a mobile site?

I need the images to stack one on top of the other (per below) - so have added custom css for that already.
https://www.daleckidesign.com.au/thewasley - you can see as you scroll down that the spacing is quite uneven when using a gallery block instead of image blocks - I would like it to be even!

Thanks so much in advance to anyone that might be able to offer their help!

 

Renae

  • Replies 2
  • Views 799
  • Created
  • Last Reply
Posted
On 3/16/2021 at 2:56 PM, RogueRoad said:

Site URL: https://www.daleckidesign.com.au/thewasley

Hi there!

I am wondering if there is anyway to reduce the padding between images in a grid gallery on a mobile site?

I need the images to stack one on top of the other (per below) - so have added custom css for that already.
https://www.daleckidesign.com.au/thewasley - you can see as you scroll down that the spacing is quite uneven when using a gallery block instead of image blocks - I would like it to be even!

Thanks so much in advance to anyone that might be able to offer their help!

 

Renae

Hi, Is the vertical or horizontal spacing you are mentioning about?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
On 3/20/2021 at 9:46 PM, bangank36 said:

Hi, Is the vertical or horizontal spacing you are mentioning about?

The horizontal spacing (although it becomes vertical on mobile device)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.