Make header image shorter

  • Resolved adamjwagner

    (@adamjwagner)


    10 years, 2 months ago

    The header image is extremely large so that you cannot read the service boxes below it when you access any of the pages. I’ve tried to alter it in css, but haven’t been able to figure it out.

    It is listed as 520px max height in the customization panel. 300px would be much better. Site I’m working on https://www.cherrycreektheater.org

    Thank you for any advice!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter adamjwagner

    (@adamjwagner)

    I’ve also had an issue with header images being squished with a blank white space to the right of it. Not really sure why it’s doing that, but I removed the images.

    Theme Author Brian Harris

    (@zgani)

    Hello -,

    The header size is a design decision but you can adjust with some custom css – I’d recommend using a custom css plugin for minor css tweaks or a child theme for more indepth customization.

    Using a custom css plugin you can add the following css code to achieve your desired setting…

    #header-image,
#header-image img {
    max-height: 350px;
}

.video-section {
  max-height: 300px
}

    I’ve also had an issue with header images being squished with a blank white space to the right of it. Not really sure why it’s doing that, but I removed the images.

    It appears that you are using an image which is much narrower than the recommended width which is 3200px wide. Try a wider image to see if that resolves the issue for you.

    Regards,
    Zulf

    Theme Author Brian Harris

    (@zgani)

    Going to assume that this is now resolved but if you still need assistance please feel free to open a new thread.

    1rico1

    (@1rico1)

    The (natural) image size they use in their demo is 3200 x 977.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make header image shorter’ is closed to new replies.

Tags