Jump to content

Thumbnail Product Images - Need to change from vertical to horizontal

Recommended Posts

Site URL: https://www.bigpalouka.com/all-prints

Hi there, I am needing to change the thumbnails on my Store Page from vertical to horizontal orientation. What code can I inject to achieve this? I have injected some code to get the images to contain within 'object-fit' but there are still large empty white spaces above and below the thumbnails.

See below for the current code inserted into the header.

<style>
  
  .ProductItem-gallery-slides-item-image {
  
    object-fit : contain !important;
    }
  
  .grid-item-image {
  
    object-fit : contain !important;
    
    }
  
  </style>

 

Link to comment
  • Replies 1
  • Views 546
  • Created
  • Last Reply

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.