Hello

Note that background images are styled with the CSS 'background-size' property set to 'cover'. This gives your background image the following properties...

Fills entire screen with image, no white space
Retains image aspect ratio
Scales image as needed
Image is centered on page
Fixed positioning

To retain the image proportions and ensure the image fills the entire screen you may find that part of your image is cropped on either the X or Y axis depending on your screen size which appear to be the case here?

Ciarán

Hi Ciaran,

thanks. but: do you have seen the Video??
it is the same picture.

Hello

Correct me if I misunderstand but from what I see the background image has indeed changed?...

https://youtu.be/epUjP8UHBVU?t=10s
https://youtu.be/epUjP8UHBVU?t=1m4s

Each of the above are the images demonstrated here.. https://youtu.be/epUjP8UHBVU?t=20s

Ciarán

yes, you missunderstand this.
the orig Pic is with: 1600 height 633 pix
the new Pic is with: 1600 Height 633 pix
it is the same!
but if change the Picture, the new Pic is too big.
and if I rename the new image in the same name and online exchanges, it is also too big

Hello

Both of your background images are been resized to the same extent so they fill the screen vertically on your particular screen size. Presuming you want the 'Premium Hompages' heading to appear fully you could try adding the following to the Custom CSS field of your templates parameters which will align your background image to the right...

#container_header {

    background-position: 100% 0 !important;

}

Ciarán

sorry, but this is a Bug!! Please look the sc. Video!!

^^ that is no solution! now only the right half of the image is displayed

Hello

Sorry to say all I can suggest is to use the following Custom CSS which will display your background image in it's original size. It is simply impossible for your image to fill every screen size without some degree of resizing/cropping.

#container_header {

    background-size: auto auto !important;

}

Or even the following which will reduce your image so all of it can be displayed with no cropping however as with the above solution you will be left with some white space on certain screensizes...

#container_header {

    background-size: contain !important;

}

Alternatively you could try resizing your image (extend height) so the width will be less likely to be cropped on any given screen size.

Ciarán

you can close this toppic. i switch to another Template Club, thanks. ( ... for this site)