Move header slides images to the side

Hi,
I need to move the images of the slides to the side like this website: http://www.socialpatient.com/

I have moved the text of the slides inserting in the ovverride.css the following code

Code: Select all

.gkIsWrapper-gk_startup .gkIsText{
   margin-top:0%;
   margin-left:0px;
}


I see that the position of the image's slide is determined by this code

Code: Select all

#gkIs-gk-is-87 .gkIsImage img {
    width: 454px;
    margin-left: -227px;
}


So i tried to insert this code in the override.css:

Code: Select all

.gkIsSlide.active{
    background-color:black;
    margin-left:-400px;
}


The color became black, but the slide doesn't move...
The "property margin-left: -227px;" that is inside the page override mine.

How can I move the slides' images to the side?

Thanks

Hi,
please try with this:

Code: Select all

.gkIsWrapper-gk_startup .gkIsSlide.active {left: 35%}
.gkIsWrapper-gk_startup .gkIsText {margin-left: 0}
.gkIsWrapper-gk_startup .gkIsText.active {
top: 100px;
}

.gkIsWrapper-gk_startup.loaded .gkIsImage img {
top: 300px;
}



Thanks, it works with

Hi,
please try with this:

Code: Select all

.gkIsWrapper-gk_startup .gkIsSlide.active {left: 35%}