Header Image Height #2

  • In response to a previous question about how to decrease the height of the header image space, the suggestion was to add the following to CSS.

    #branding img, #header-image img {
    height:300px;
    }

    Unfortunately, this reduced BOTH the height and width of the header image.

    I would like to retain the full-width image but reduce its height only…to about 50% of what it is today. I know I can crop the image, but want to reduce the header area height so that there is minimal white space showing.

    Hope this better explains what I am asking about…and that a solution is possible.

    Many thanks.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • @planeo8: Hello there,
    What you can do to reduce the image size is change the dimension of the original image and then upload it.

    To reduce the white space in header area
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #site-description {
	margin-bottom:0px;
}
#header-content {
	padding:10px 0;
}

    Also for swift replies please post your issues and queries on Our Official Theme Support Forum https://catchthemes.com/support-forum/

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 1 replies (of 1 total)
  • The topic ‘Header Image Height #2’ is closed to new replies.