Change Banner Image Size - Collection Template

[MorrisF]

Hi Shopify Community,

How can I change the size of the Banner (Header) Image from my Collection Page - for example here: https://morris-fenderbaum.de/collections/schuh-und-textilpflege

I have looked around in the collection-liquid.template but could not find anything that works.

Thank a lot for your help!

Cheers,

Ha

[diego_ezfy]

@MorrisF,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
@media (min-width: 750px){
    .collection__header-media{
    max-width: 800px;
    margin: 0 auto;
}
}
</style>
<script>

</script>

You can change the 800px width to any other value.

Kind regards,
Diego

[MorrisF]

Hi @diego_ezfy ,

thank you for your quick reply. I tried what you recommended me and add the max-height attribute to change the height of the banner. But it doesn't work 😞

   
 <style>
@media (min-width: 750px){
    .collection__header-media{
    max-width: 3840px;
    max-height: 2000px;
    margin: 0 auto;
}
}
</style>
<script>

</script>
  
 </body>  
</html>

 Could you maybe have another look?

Many thanks!

Cheers,

Ha