Modularity Lite – increase top photo (header?) height

• 

  elevatemarketingaz · Member · Sep 26, 2012 at 9:54 pm

  • Copy link
  • Add topic to favorites

  How do I increase the top photo height?

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

• 

  designsimply · Member · Sep 26, 2012 at 10:36 pm

  • Copy link

  For Modularity Lite, start with an image that is at least 950 pixels wide.

  Use this CSS to override the built in Appearance → Header settings:

  #header-image {
  	background: url("YOUR_IMAGE_LINK") no-repeat;
  	height: YOUR_IMAGE_HEIGHT;
  }
  
  #header-image img {
  	display: none;
  }

  Change YOUR_IMAGE_LINK to the link for the image you uploaded to your media library. Change YOUR_IMAGE_HEIGHT to your image height, such as 300px.

• 

  elevatemarketingaz · Member · Sep 26, 2012 at 10:44 pm

  • Copy link

  Thank you!