Enlarging your header image in Imbalance2

  • 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)

  • 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.

  • 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

  • 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.

  • The topic ‘Enlarging your header image in Imbalance2’ is closed to new replies.