Title: Header image scaling
Last modified: August 22, 2016

---

# Header image scaling

 *  Resolved [rabrol](https://wordpress.org/support/users/rabrol/)
 * (@rabrol)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-image-scaling/)
 * Still loving this theme, but would like to add some more minor customization.
 * The header image recommended image size is 1920×1280.
    I would like to work with
   a smaller header, resized to 1920×600 for example. However when I upload a different
   size, some weird cropping / scaling takes place.
 * I have set custom CSS to the same max height, but the header images still zoom
   in. Is there a way to overcome this?
 * Thanks in advance!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-image-scaling/#post-5783364)
 * It’s a background image set to cover so it might not look exactly as your original.
   You can try using this in a custom CSS plugin:
 *     ```
       .has-banner:after {
             background-size: contain; /*or you can add percentages here 80% etc.*/
       }
       ```
   
 * Some more options for it will be added in the next version.
 *  Thread Starter [rabrol](https://wordpress.org/support/users/rabrol/)
 * (@rabrol)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-image-scaling/#post-5783441)
 * Unfortunately this didn’t make any difference. Tried it with the contain parameter
   and the percentage 🙁
 * Looking forward to the next version through!
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-image-scaling/#post-5783442)
 * Sorry, this should work:
 *     ```
       .has-banner:after {
             background-size: contain !important; /*or you can add percentages here 80% etc.*/
       }
       ```
   
 *  Thread Starter [rabrol](https://wordpress.org/support/users/rabrol/)
 * (@rabrol)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-image-scaling/#post-5783468)
 * Ah, yes. That seems to do it.
    Thank you so much!
 *  [Janell Mullen](https://wordpress.org/support/users/janell-mullen/)
 * (@janell-mullen)
 * [11 years ago](https://wordpress.org/support/topic/header-image-scaling/#post-5783650)
 * Hi there, I just tried to go exactly what was described and now no photo is displaying,
   but just a big white space! Please help! I can open a new thread, but this related
   to why I changed what I did in CSS.
 * Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Header image scaling’ is closed to new replies.

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [resize](https://wordpress.org/support/topic-tag/resize/)
 * [scaling](https://wordpress.org/support/topic-tag/scaling/)
 * [zoom](https://wordpress.org/support/topic-tag/zoom/)

 * 5 replies
 * 3 participants
 * Last reply from: [Janell Mullen](https://wordpress.org/support/users/janell-mullen/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/header-image-scaling/#post-5783650)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics