Prevent automatic increase of custom header dimensions

• 

  vishwambhara · Member · May 18, 2012 at 11:38 am

  • Copy link
  • Add topic to favorites

  Custom header images are automatically resized to 984 × 242 pixels (Sundance theme).

  I want the image to either be proportionately smaller or retain its original dimensions (390 x 273).

  Can I do this?

  The blog I need help with is: (visible only to logged in users)

• 

  vishwambhara · Member · May 18, 2012 at 11:47 am

  • Copy link

  Right now, I pasted my 390 x 273 header on a 984 × 242 white background and cropped the header so I get the size I want.

  Hoping there’s a better way to do this.

• 

  designsimply · Member · May 27, 2012 at 4:30 pm

  • Copy link

  You can certainly do that with some custom CSS. Here is an example that you can start with:

  .header-image-link img {
  	display: none;
  }
  .header-image-link {
  	display: block;
  	background: url(YOUR_IMAGE_URL) no-repeat;
  	width: 390px;
  	height: 273px;
  	margin: 0 auto;
  }

  Replace YOUR_IMAGE_URL with a link to your image which is sized to 390 x 273 pixels. If you have any trouble, you should include a link to the WordPress.com blog you’re working with, a link to your header image, and the code you’ve tried already in a reply.