COLLECTION BANNER IMAGE - same size and behaviour as product image

[AnaELW]

Hi,

I would like for my Collection Banner image to have the exact same size as my Product images, aka that the image stays a square and that the size of the square adapts to the size of the screen.

Here is the link to the shop and password:

https://384f77-3.myshopify.com/collections/le-petite-ashley

mewnaw

And below a screenshot of the collection banner:

[Dan-From-Ryviu]

Hi @AnaELW

You can do that by adding this CSS code at the bottom of base.css file in Online store > Themes > Edit code

.collection-hero__image-container { max-width: 550px !important; }

[ZestardTech]

Hello @AnaELW

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.collection-hero__image-container { 
    max-width: 550px !important; 
}