Prevent automatic increase of custom header dimensions

  • Author
  • #892797


    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



    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.


    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 blog you’re working with, a link to your header image, and the code you’ve tried already in a reply.

The topic ‘Prevent automatic increase of custom header dimensions’ is closed to new replies.