Jump to content

7.1 / Product Page / Desktop / Center Image

Go to solution Solved by SaranyaDesigns,

Recommended Posts

  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

@TheLiqueurist am I correct in understanding that you want some whitespace to the left of the product image? Then the image center and the information on the right? As if there were 3 columns but the first column is always empty?

If so, try adding this to your custom CSS:

@media screen and (min-width: 768px) {
	.ProductItem-summary .ProductItem-gallery {
		width: 30%;
		margin-left: 30%;

You may find that it makes the images too small, so you can play around with the percentages to get the ratio you want, but the total must equal 60%.

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.