Custom CSS for header image

• 

  tgookin · Member · Jan 16, 2017 at 4:42 pm

  • Copy link
  • Add topic to favorites

  I am hoping to increase the size of my websites header image. Are you able to help.

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

• 

  katinthehatsite · Staff · Jan 16, 2017 at 8:19 pm

  • Copy link

  Hi,

  you can increase the size of your image by using CSS editor options. You can find more information on how to do it in the “Advanced Option” section on this support page:

  https://en.support.wordpress.com/images/image-settings/

• 

  eallas · Member · Jan 16, 2017 at 8:58 pm

  • Copy link

  Howdy tgookin!

  To add-on to @katinthehatsite’s reponse, I provided the code here for you.

  This code affects the image-header throughout the site.

  .image-header {
      min-height: 325px;
  }

  Changing the min-height to a higher number will increase the height of the image header and how much is shown. Feel free to play around with it. I would personally suggest testing in increments of 25/50 to get an understanding of how it works.

• 

  tgookin · Member · Jan 18, 2017 at 6:44 pm

  • Copy link

  thank you for your help. am I able to make my menu larger as well?

• 

  katinthehatsite · Staff · Jan 18, 2017 at 9:32 pm

  • Copy link

  Hi,

  try using the following CSS code for it (you can set your dimensions there)

  #menu-nav {
  top: 80px;
  padding: 26px;
  height: 80px;
  width: 80px;
  }