Grid display in demo version

On the demo version of the template there is a nice change in light and dark when you hoover over an image. How can i create that in my own grid?

On the demo version there is also white text over the photo's, that text is not part of the photo. How do i add text like that, since any text that goes with the link will be invisible.

Thank you for your help.

Hi,

There is a configuration of the template: http://www.gavick.com/documentation/joo ... iguration/

Please look at section "JomSocial - grid1"

Thank you for your reply.

I am not using the JomSocial component.

I did check the page you mentioned and looked at the grid 1 configuration. But there is only html code for the twitter, facebook and G+ images, all others are just having the background image, no text and no light/dark hoover effect.

Am i correct that the text overlay and light/dark effect can only be accomplished when using News Show Pro GK5 as input for the grid?

As I remember the light effect was available in the GK JomSocial Feed module when user photo was displayed, and the dark effect was available in the NSP module with Grid Title Overlay portal mode.

Thats a shame if it only can be done that way, since i am not using JomSocial or NSP for the content of my grid.

In my case i prefer to have custom html modules for the grid.

Thank you for your help ..... i really like how the grid looked in the demo version:)

So in this case please try to add the following CSS code in the end of gk.stuff.css file:

Code: Select all

.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;
transition: all .3s ease-out;
}
.gkPhoto:hover {
opacity: 0.7; filter: alpha(opacity=70);
}


it should helps in your case

Oh WOW !!!!!

Thank you sooooo much, thats just perfect and i bet there will be more people appreciating this addition.

We will add it in the next update

That's a great addition - thanks! How do I get the image to be linkable? At the moment it's just the hover effect that works!

I already asked the same and got a great reply from Dziudek, you can find it here .....
https://www.gavick.com/forums/m-social/links-on-grid-items-28993.html