bigger header for Oulipo theme

• 

  toridotgov · Member · Mar 12, 2012 at 11:06 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  I managed to get rid of the search bar on top of the Oulipo theme using this:

  #search {
  display:none;
  }

  (which I found on these forums–THANK YOU!!)

  But now when I upload a header, it only goes about 3/4ths of the way across the page (it stops where the search bar used to be) and looks really weird. Is there some way to get a photo header to stretch all the way across the page?

  Thank you so much!

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

• 

  designsimply · Member · Mar 21, 2012 at 2:49 am

  • Copy link

  What you should do is create a header image on your computer first with the dimensions you’d like to use, upload it to your media library, and copy the image URL.

  Then replace YOUR_IMAGE_URL in the following CSS with the image you uploaded and add it to your Appearance → Custom Design → CSS page:

  #search {
  visibility: hidden;
  }
  
  #header img {
  display: none;
  }
  
  #header {
  background: url(YOUR_IMAGE_URL) no-repeat;
  display: block;
  width: 960px;
  height: 80px;
  }