Backgroung Image

Dear,
I change the image Background (in your DEMO: the World)
with a smaller image....but the image stay left
How can I force to center ???

I try:
background: url("../images/RA-2011.jpg")center;
background-position:center !important;

but stil left.
tahnk's for help, best regards

Hi,

The proper background-position property syntax is:

Code: Select all

background-position: HORIZONTAL_POS VERTICAL_POS;


so probably you should use:

Code: Select all

background-position: center top;

additionally please change:

Code: Select all

background: url("../images/RA-2011.jpg")center;


to:

Code: Select all

background: url("../images/RA-2011.jpg");


Dear,
Does not work.
the Image stay left...
I do not know WHY...
maybe because :
left:0
and
position: absolute

.gk-animation .gka-bg {
background: url("../images/RA-2011.jpg") no-repeat scroll center center / 1% 1% transparent;
height: 768px;
left: 0;
position: absolute;
text-indent: -9999px;
top: 0;
transition: background-size 0.75s ease-out 0s;
width: 543px;
}

Please apply my changes as I've described it.

Please apply my changes as I've described it.

Dear,
I try:
background-position: center top;
The image go top....also coutdown and stars and Ticket is down
but the image stay "left"

I do not know why

Please show me your website online - without it I won't be able to help.

Please show me your website online - without it I won't be able to help.

Dear,
I can't because, my website is in the moment "localhost" with XAMPP !!!
What I can do is a tranparency image 1005px and past my image in the middel
Thank's for help