en WordPress.com Forums › CSS Customization

Enlarging your header image in Imbalance2

  • Author
    Posts
  • #796476

    theweekendgolfer
    Member

    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.

    #796609

    designsimply
    Staff

    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.

    #796648

    theweekendgolfer
    Member

    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

    #796649

    designsimply
    Staff

    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.

  • Author
    Posts

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