Header image size

• 

  hinduswpolsce · Member · Dec 22, 2017 at 9:16 am

  • Copy link
  • Add topic to favorites

  Hello

  MY site has the theme 2017. The header image in the wordpress theme i have installed has a standard dimension of 2000 x 1020. Even when i reduce the image size, the header image is still too big for my blog. I want to change the theme since it is impossible for me to change the size of the header image in the current theme. I have done some work on my blog and changing the theme seems too hasslesome for me. What shall i do ?

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

• 

  icookwp · Member · Dec 22, 2017 at 5:33 pm

  • Copy link

  Hi,

  You can reduce the header image height on devices with width more than 48em using below css.

  }
  @media screen and (min-width: 48em) {
  	.home.blog.has-header-image .custom-header-media {
  	    height: 22vh;
  	}
  }

  Replace 22vh; with your desired height value.

  To change the header image height on small devices add below css –

  .has-header-image.home.blog .custom-header  {
  	height: 48vh;
  }

  Cheers!

• 

  kathrynwp · Staff · Dec 27, 2017 at 4:29 pm

  • Copy link

  icookwp – thanks for helping out!

  hinduswpolsce – you can add the CSS they provided in your Customizer’s Additional CSS panel.

  These forums are for sites hosted on WordPress.com, but you’re running the WordPress software on your own hosting. If you need further help with the self-hosted version of Twenty Seventeen, feel free to post in its forum at WordPress.org:

  https://wordpress.org/support/theme/twentyseventeen

  You’ll need a free WordPress.org account to post – if you don’t already have one, you can register here:

  https://wordpress.org/support/register.php

  Be sure to provide a link to your site when you post so people can help you more easily.