Jump to content

Adding vertical boarders on photos in mobile version

Go to solution Solved by Donna_Vincent,

Recommended Posts

  • Solution
1 hour ago, jbbbbbbbbb said:

Site URL: https://www.jordanbellvisuals.com/fine-art


This is a question relating to the mobile version of the website. On the page 'fine art' my photos are displayed in a single column. I was wondering if there is some code that can add a small buffer between the left and right side of each image so that the images don't fill towards to edge of screen?


Thank you. 

You can adjust the width.  

@media screen and (max-width: 640px)

.gallery-masonry-item img  {

width: 85% !important;

margin: auto; 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.