Enlarging your header image in Imbalance2

theweekendgolfer · Member · Jan 12, 2012 at 2:07 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
designsimply · Member · Jan 12, 2012 at 2:14 pm
Copy link
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 · Member · Jan 12, 2012 at 4:10 pm
Copy link
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 · Member · Jan 12, 2012 at 4:12 pm
Copy link
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:

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.

No items found.