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

Bryant: How do I change the banner height ?


smythep

Question

  • Answers 5
  • Created
  • Last Reply

5 answers to this question

Recommended Posts

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

Link to comment

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!

Link to comment

Archived

This topic is now archived and is closed to further replies.

Guest
This topic is now closed to further replies.

×
×
  • Create New...