How can I reduce the collection page banner height in Impact theme?

[Hobbycards]

Hello,

Im trying to reduce the height of our collection page banner only. Im using the impact theme. 

This is what we are looking for:

This is what we got:

Thank you.

BR

[Danishshopdev]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Hobbycards]

Hello,

Thank you. The URL is Hobbykort.se password: Hobbykort11

[Danishshopdev]

which banner do you want to change, share link of that

[Hobbycards]

So basically, all collection pages will have this kind of banner." https://hobbykort.se/collections/fynd

[Danishshopdev]

Hello There,

try to paste this code , by navigating to theme customization and then settings to custom code,

if the height is less or greater just change the 290 value to greater or less

.content-over-media>:is(img,video,iframe,svg,video-media) {
    height: 290px !important;
}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

[Hobbycards]

Hello,

Thank you that works. But it also changes my landing page banner height, I only want this to apply to the collection pages. Is there a solution for that?

BR

[Danishshopdev]

yes just give me a mint

[Danishshopdev · Accepted solution]

hey @Hobbycards ,

please paste this code in your, theme.liquid file at ending of </body>.

{% if template contains 'collection' %}
<style>
  .content-over-media>:is(img,video,iframe,svg,video-media) {
    height: 290px !important;
}
</style>
{% endif %}

and let me know if its works.

If I managed to help you then, don't forget to Like it and Mark it as Solution!

[Hobbycards]

It works great, thank you.

[Danishshopdev]

welcome.