Change Banner Image Size - Collection Template

MorrisF
Tourist
5 0 0

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

Replies 2 (2)
diego_ezfy
Shopify Partner
2628 485 648

@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
Tourist
5 0 0

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