Image Show GK4 Bluap Image Animation

Hi, Just wondering if it's possible to have the image in the GK4 module slide in from the right - rather than from the bottom. Can someone tell me what I need to change to achieve this?

Thanks so much
Emily

Hello,

Please open file modules/mod_image_show_gk4/styles/gk_bluap/style.css and please change this fragment:

Code: Select all

.gkIsWrapper-gk_bluap img {
        display: block;
        height: auto;
        position: relative;
        max-width: 100%;
        top: 200px;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
}

.gkIsWrapper-gk_bluap .active img,
.gkIsWrapper-gk_bluap .animated img {
        top: 0;
}

to:

Code: Select all

.gkIsWrapper-gk_bluap img {
        display: block;
        height: auto;
        position: relative;
        max-width: 100%;
        left: 200px;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
}

.gkIsWrapper-gk_bluap .active img,
.gkIsWrapper-gk_bluap .animated img {
        left: 0;
}


Thanks so much - that's great