Changing height of header image

  • Unknown's avatar
    westvillageblog · Member ·

    Hi, I would like to change the height of the header image, making it shorter so that my content appears higher on the page. I am using the Lodestar theme. Any help in CSS?
    Cropping the image shorter merely zooms in and the cropped image fills the same space.
    Thank you!

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

  • Unknown's avatar
    dkmyta · Member ·

    Hello!

    You can change the height of this header image by reducing or removing the padding of the custom-header-image element. Once the padding is reduced or removed you can then adjust the height of the element but you must insert the !important value to overwrite any default CSS for this section.

    The following CSS should do the trick:

    .custom-header-image {
    padding: 0px;
    height: 250px !important;
}

    Keep in mind, you can adjust the values given to padding and height to fit your preference.

    Hope this helps!

    Cheers

  • The topic ‘Changing height of header image’ is closed to new replies.