Title: header Image resolution
Last modified: August 31, 2016

---

# header Image resolution

 *  Resolved [yesenia0628](https://wordpress.org/support/users/yesenia0628/)
 * (@yesenia0628)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/header-image-resolution-1/)
 * Hi , I have a little problem
    the theme suggest a size 2560 × 500 for the Header
   Image, I have modificated my image to that size and when I upload it , it just
   appear a part of the image and totally blurred
 * My website is [http://www.movingtomedellin.com](http://www.movingtomedellin.com),
   there you can see the header image blurred and you´ll see the full image in the
   post “Renting”
 * Thanks
 * Yesenia

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

 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-7077267)
 * Hi there,
 *  You are stretching image from its normal size so it’s bluur.So we request you
   to upload image with high resolution.
 * Thanks
 *  [jbaranao](https://wordpress.org/support/users/jbaranao/)
 * (@jbaranao)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8653038)
 * Hi [@gejay](https://wordpress.org/support/users/gejay/)
 * I have exactly the same problem. I want to use a picture whose original is 3872
   pixels wide. It looks very good at screen resolution, but not very good when 
   you see it at 100% zoom (and you see just a portion).
 * First I edited in Picasa and tried the 2560 × 500 recomended. Instead of fitting
   the image to the screen, it shows in what it seems to be a 100% zoom. Then I 
   tried uploadig the original file (1,7 MB) and it does the same. It zooms in a
   small detail of the image instead of making it fit to the screen. This is the
   site with the header included: [http://www.larutanatural.cl/](http://www.larutanatural.cl/)
 * Greetings from Chile
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8672642)
 * Hi there,
 * Could you please try by adding this css on child theme style.css file or Additional
   css of a customizer.
 *     ```
       .lr_responsive_banner {
           background-size: cover;
       }
       ```
   
 * Let us know how it will goes.
 * Thanks
 *  [jbaranao](https://wordpress.org/support/users/jbaranao/)
 * (@jbaranao)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8812897)
 * Thanks for your answer, and sorry for the delay (I was in Antarctica without 
   Internet).
 * I added those three lines of code en style.css (I assumed the location doesn’t
   matter) and uploaded again the image (2560 x 500) but it still zooms in. [http://www.larutanatural.cl](http://www.larutanatural.cl)
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8824243)
 * Hi there,
 * We had checked your site and found that you are uploading blurred image so it
   looks like zoomed. So please try the image size of 1857×503 px. This might help
   you.
 * Thanks
 *  [jbaranao](https://wordpress.org/support/users/jbaranao/)
 * (@jbaranao)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8827243)
 * Gejay
 * I appreciate your help. I uploaded a version with the size you suggested (smaller
   than the previous one, I must say). It zooms in again, and very significantly.
   What I mean by that is that it only shows, roughly, the central third in the 
   horizontal axis. The right third and the left third, more or less, are not shown.
   I understand there are different screen resolutions, but it cuts far too much
   on either side.
 * This is what it looks now: [http://www.larutanatural.cl/](http://www.larutanatural.cl/)
 * This is, more or less, what I am trying to achieve (but with only one image under
   the titles, of course): [http://www.wikiexplora.com/images/b/bb/Sin_t%C3%ADtulo.jpg](http://www.wikiexplora.com/images/b/bb/Sin_t%C3%ADtulo.jpg)
 * Sorry to bother you so much with this!
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8851392)
 * Hi [@jbaranao](https://wordpress.org/support/users/jbaranao/),
 * We are really sorry to make you wait for soo long. Please try by adding this 
   css on customizer additonal css section or on child theme style.css.
 *     ```
       #la-banner {
       	background-size: 100%;
           background-repeat: no-repeat;
           background-position: top center;
           min-height: 312px !important;
       }
       ```
   
 * Let us know how it will goes.
 * Thanks
 *  [jbaranao](https://wordpress.org/support/users/jbaranao/)
 * (@jbaranao)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8871704)
 * I am grateful. That’s much better!

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

The topic ‘header Image resolution’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/lavish/2.5.2/screenshot.png)
 * Lavish
 * [Support Threads](https://wordpress.org/support/theme/lavish/)
 * [Active Topics](https://wordpress.org/support/theme/lavish/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/lavish/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/lavish/reviews/)

## Tags

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

 * 8 replies
 * 3 participants
 * Last reply from: [jbaranao](https://wordpress.org/support/users/jbaranao/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-resolution-1/#post-8871704)
 * Status: resolved