Header

• 

  sinisilandscape · Member · Feb 14, 2014 at 12:55 am

  • Copy link
  • Add topic to favorites

  How can I increase the header size on my website?

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

• 

  thesacredpath · Member · Feb 16, 2014 at 3:15 am

  • Copy link

  Hi there, the following CSS will allow you to add a 1140px wide by 150px tall header to Motif theme, which is what I see on the site you referenced. I used that height dimension purely for demonstration purposes and you should change it to match the header image you are going to use.

  Upload your header image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks in the background declaration below.

  .site-image {
      background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      height: 150px;
      width: 1140px;
  }
  
  .site-image img {
  display: none;
  }