WordPress.com

1. theweekendgolfer
   Member
   Jan 12, 2012, 2:07 PM

   Hello,

   Does anyone know how to make the header image in Imbalance2 to go across the screen?

   Check out how cool http://thepatternedplate.wordpress.com/ is.

   I want my image to stretch across the screen, and I do have the "custom" package.

   Thanks in advance

   The blog I need help with is theweekendgolfer.wordpress.com.

2. designsimply
   Staff
   Jan 12, 2012, 2:14 PM

   Try this:

   #branding {
   background: url('YOUR_IMAGE_URL') no-repeat;
   width: 1000px;
   height: YOUR_IMAGE_HEIGHT;
   }

   Make a 1000px (or whatever width you'd like) image to use for the header, upload it to your media library, and copy down the image URL. Then replace YOUR_IMAGE_URL with the one for the image you uploaded and replace YOUR_IMAGE_HEIGHT with the height of that image.

3. theweekendgolfer
   Member
   Jan 12, 2012, 4:10 PM

   Thank you for the help, I can see the image now stretching across the screen. If you dont mind, I have a follow up question. The image is just showing the top corner of the pic and not the whole image. How do you scale so that it fits?

   Thanks again

4. designsimply
   Staff
   Jan 12, 2012, 4:12 PM

   WordPress.com has a neat built in way to resize images. You can add ?w=1000 (or another size) to the end of an image URL to do it. Like this:

   http://theweekendgolfer.files.wordpress.com/2012/01/scottwebswing4.jpg?w=1000

   That image resized is 1000 x 475 pixels. That's pretty tall for a header image. I would recommend cropping it to a more reasonable size before uploading it.

Topic Closed

This topic has been closed to new replies.