News Show Pro GK5 hover effect for regular images

Hi there,

I just installed the creativity template and I really love the CSS effects which are preprogrammed. And therefore I have a little question. Is it possible to apply the News Show Pro GK5 hover effect, which is used in the frontpage module for regular images? Like here:
http://demo.gavick.com/joomla25/creativity/
when you scroll down to "What we do". Perfect would be if I could apply both effects, the appearing effect and the hover effect for regular images! That would really be awesome.

I already tried it with <span class="gkImgOverlay"...> and other commands, but it didn't work? Do I have to work with the mouseover html command?

It would be awesome if you could give me a hand here.

Thank you very much for your efforts and best regards

Silvan

The effect is applied to every element with .animate or .animate_queue_element class.

More can be found here:
http://demo.gavick.com/wordpress/creati ... age_id=899

Wow thanks a lot, worked quite perfectly! But a little question, what kind of data-types do exist?

Is there only twitter, Facebook and Google + or is it also possible to have a website logo, own logo, or email logo? thank you very much for your efforts!

.gk.scripts.js around line 176 defines available data types. You would need to add aditional if You need so, but also add them in condition few lines before (around 165 line). Possibilities are endless . Also some css editing might be needed.

Hi Cyberek! Thank you very much for your reply. I just tried it again, but I haven't found out, where a should save my logo, so that it will be used. Do I just need to make a reference to the font-awesome code or how does it work? To be precise, I'd simply like to ad a icon for a regular link to a webpage, same like you have the logo in the news show pro module on top of the frontpage. Sorry, to cause further inconvienices, but it would be really great if you could help me here! Thanks a lot and best regards.

Silvan

Would you like to add additional icon or just replace one of existing ones?

Both would be okay, I guess replacing google+ works for me as fine as adding a new icon, whatever is easier.

Ok, so lets focus on replacing goole+ icon with another.
Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkTeamOverlay a[data-type="gplus"]:before {
content: '\f0c1';
}


Remember to enable "CSS override" in template settings - advanced section.

AWESOME!!!!! Worked out perfectly!!! Thank you soooo much!!! It's perfect now!

No problem.
If You will have any other questions, feel free to post new forum threads.