Reduce size of header image

• 

  ariannasrandomthoughts · Member · Nov 7, 2013 at 6:33 am

  • Copy link
  • Add topic to favorites

  Hi,

  I love the header image but would like to reduce it so that more of my content appears above the fold. In the Adventure Journal theme it takes up so much room. How do I do that?

  Thanks again!

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

• 

  thesacredpath · Member · Nov 8, 2013 at 5:28 am

  • Copy link

  Hi there, make your new header image the exact size you want it. The existing is 920px x 360px. Keep the 920px, but you can make the height anything you want. In the following example I arbitrarily used 240px just for testing. The 240px value should be changed to match the height of your new header image. Upload your new header image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with that URL. You will have to play with the top value in #menu so the menu is where you want it.

  #banner {
      background: url("URL_OF_IMAGE") no-repeat scroll 0 0 transparent;
      height: 240px;
  }
  
  #banner img {
      display: none;
  }
  
  #menu {
      top: 362px;
  }