Jump to content

Adding vertical boarders on photos in mobile version

Go to solution Solved by Donna_Vincent,

Recommended Posts

Posted

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

Hello,

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. 

  • Solution
Posted
1 hour ago, jbbbbbbbbb said:

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

Hello,

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; 
}

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.