Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  

Bedford: Customize the height of the banner image?


I am completely clueless when it come to coding and need help! I'm using the bedford template. I'd like to shrink (or customize) the height of my banners - not just on the home page - to use images about 1280 x 400 instead of the current 1280 x 800. How do I do this?

Also- does that change where the description ends up? Do I have to add anything to keep it centered among the banner image?

And just to be clear, can you specify the parts of the code I would need to change if the image wasn't 400px height? (maybe make them bold so I can pick them out?)

**Bonus: Is there a way to customize the height of the header (nav bar) as well?

Thanks so much for the help!

Edited by fnemen

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 1

Based on the solution here, this code should work:

.transparent-header.view-list .banner-thumbnail-wrapper,
.transparent-header.collection-type-page .banner-thumbnail-wrapper{
  padding: ##px 0px ##px;

Where you replace the ## with the sizing that works best for you.

This code appears to work for pages with banners provided by thumbnail images (not promoted Gallery Blocks).

Edited by lashwood

Share this post

Link to post
  • 0

Please note that the height of the banner is linked to the amount of content in it (added in the page description area of the page's settings).

More content will create a taller banner.

Share this post

Link to post
This topic is now closed to further replies.
Sign in to follow this  

  • Create New...