Bryant: How do I change the banner height ?

I'm wanting to change the height of the banner on a specific page of the Bryant Template. I'm assuming something needs to go into page header code injection, but I'm not sure what. Any help would be appreciated.

I am also trying to change the height of the thumbnail banners (to make them smaller).

You can adjust the banner to a specific height, or change the padding to reduce/increase the height.

Examples:

.banner-thumbnail-wrapper {
   padding: 80px 0px;
}

.collection-type-page .banner-thumbnail-wrapper {
   padding: 150px 0px;
}

.collection-type-index .banner-thumbnail-wrapper {
   min-height: 20px;
   max-height: 75px;
}

Hope this helps

I found a way that has worked for me using a little bit of custom CSS.

You'll want to enter this code into custom CSS on the design tab:

.view-list.transparent-header .banner-thumbnail-wrapper, .collection-type-page.transparent-header .banner-thumbnail-wrapper, .collection-type-blog.view-item.transparent-header .banner-thumbnail-wrapper {
padding:60px 0px 20px;

}

You can then change the '60px and 20px' to whatever you want, the middle value will move the page title left or right

So far it seems to work fine on all pages too.Hope this helps answer your question!

How can i use this to change the banner height to a unique height for each individual tab?

Thank you for this. The code worked in Bedford template. Now I can easily change the height of the banner.