Change height of banner images in stay theme

• 

  jlanglois2014 · Member · May 16, 2014 at 12:53 am

  • Copy link
  • Add topic to favorites

  Hi…I would like to have the banner area be decreased in height so that the titles on the three widget areas under the banner are visible on the homepage without scrolling down. I am not sure if this is best possible, and if so is it best done by decreasing the banner height, or decreasing the header height?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 16, 2014 at 7:41 pm

  • Copy link

  Hi there, to maintain proportions of the image, the width and height both have to reduce, or things have to cropped off the existing images. The following, you can try. It reduces the height from 390px to 250px and moves the image up 10% and hides the overflow (image part outside of the slide area).

  .flexslider {
      max-height: 250px;
      overflow: hidden;
  }
  .featured img {
      margin-top: -10%;
  }

• 

  jlanglois2014 · Member · May 16, 2014 at 10:40 pm

  • Copy link

  Thanks! I had to increase the max-height a little to keep the titles visible but it worked great.

• 

  thesacredpath · Member · May 16, 2014 at 10:57 pm

  • Copy link

  You are welcome.