Link images and effect

Hi, GREAT template!!

But, how could I link the images??
And have the same effect when the mouse is over??

Thanks a lot

seeyouaupair.com/prova1

Hi,

You can check the template configuration here: http://www.gavick.com/documentation/joo ... iguration/

Hi, yes I had read it but I don't know why the oppacity effect don't work

Sorry, the image...

The opacity animation is not connected with the Grid GK5 module - it is connected with the specific grid block. Please open the gk.stuff.css file and change the following code:

Code: Select all

.gkPhoto > a {
   height: 100%;
   opacity: 1; filter: alpha(opacity=100);
   position: absolute;
   text-indent: -9999px;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   width: 100%;
}
.gkPhoto > a:hover {
   opacity: 0.85; filter: alpha(opacity=85);
}


to:

Code: Select all

.gkPhoto > a {
   height: 100%;
   opacity: 1; filter: alpha(opacity=100);
   position: absolute;
   text-indent: -9999px;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   width: 100%;
}
.gkPhoto {
   opacity: 1; filter: alpha(opacity=100);
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
}
.gkPhoto:hover {
   opacity: 0.85; filter: alpha(opacity=85);
}


Greeeeaaaat!!

Thanks a lot.