WordPress.com Forums » Topic: Enlarging your header image in Imbalance2

designsimply on "Enlarging your header image in Imbalance2"

designsimply — Thu, 12 Jan 2012 16:12:41 +0000

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.

theweekendgolfer on "Enlarging your header image in Imbalance2"

theweekendgolfer — Thu, 12 Jan 2012 16:10:06 +0000

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

designsimply on "Enlarging your header image in Imbalance2"

designsimply — Thu, 12 Jan 2012 14:14:21 +0000

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.

theweekendgolfer on "Enlarging your header image in Imbalance2"

theweekendgolfer — Thu, 12 Jan 2012 14:07:18 +0000

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