Fitting image in header

• 

  edblume · Member · Mar 13, 2012 at 2:47 pm

  • Copy link
  • Add topic to favorites

  Sorry to repeat a question, but I’ve tried many of the suggestions in the forum and other places.

  I want to fit the header image into the header. It’s already 900px wide. I’ve tried to edit the CSS, but to no avail.

  You can see the blog here http://renewwisconsinblog.org.

  Could someone please help?

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

• 

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

  • Copy link

  You’re on the right track!

  I checked your site and I see you’ve setup a background this image with this CSS:

  #header_effect {
  background-image:url('http://renewenergyblog.files.wordpress.com/2012/02/panels-with-green-logo-cropped-2-e1328290724526.jpg');
  }

  But the image you’re using is too small to fit:
  http://renewenergyblog.files.wordpress.com/2012/02/panels-with-green-logo-cropped-2-e1328290724526.jpg

  What you can do is create a larger image that fits the space you’ve created for your header image area. Currently, it looks to me like a header image sized 850 x 163 pixels would fit well. You should create an image with the dimensions you want, upload it to your media library, and then replace the image URL in the CSS shown above to the new image URL.