Change height of banner images in stay theme

  • Author
    Posts
  • #1841222

    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 jlangloisblog.wordpress.com.

    #1841398

    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%;
    }
    #1841414

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

    #1841417

    You are welcome.

The topic ‘Change height of banner images in stay theme’ is closed to new replies.