How can I auto-format images for better alignment in Debut theme?

Store Design
1

Uploading new products sometimes changes the alignment of my shop. I understand that it’s probably due to the inconsistency of the images being uploaded, but is there a way of automatically formatting the images so that they’re most aesthetically pleasing?

1 Like
2

@ericsoho

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.grid-view-item__image-wrapper div {
    padding-top: 100% !important;
}
.grid-view-item__image-wrapper .grid-view-item__image {
    height: 100%;
    object-fit: contain;
}