jschultz300

Unfortunately it didn't work, it just cropped to the top (the middle one). Note the image to the far right has had the work around applied where I make the the portrait image into a landscape by adding on transparent borders to the image, but takes a bit of time, would obviously rather automate it. Thanks for trying, if you think of anything else I'll try it out and report back.

https://jamesonschultz.studio/print-gallery

On 11/2/2021 at 1:28 AM, tuanphan said:

Can you share link to page where you added summary block?

Thanks!

On 8/17/2021 at 12:56 PM, kirkroberts said:

For those working on a 7.0 template in the Brine family this Custom CSS might get you going:

// product index
.ProductList-image,
// product quick view
.ProductItem-gallery-slides-item-image 
{
  height: 100% !important;
  left: 0 !important;
  object-fit: contain;
  object-position: center center;
  top: 0 !important;
  width: 100% !important;
}

It should make the image take up as much space as possible within your chosen product index image size, without cropping the image at all.

It also works on the Quick View, if you have that enabled.

Note that you can adjust the "object-position" to dictate how the not-cropped image aligns in the "box" created by the Styles setting for product index page images.

What if I wanted to do the same thing to summary block images from a store? So essentially the product images? 

Anyone happen to know how to properly callout the font to change to Din-2014 Narrow? Got the sans sarif working but can't seem to find the correct way to callout this font.

.variant-option * {
  font-family: "Din-2014-narrow", din-2014-narrow !important;