Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
smythep

Bryant: How do I change the banner height ?

Question

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.

Edited by edokken

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 1

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

Share this post


Link to post
  • 1

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!

Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...