ANimation just doesn't work

We try to configure animation and just copy code that you give on your site.
Unfortunatelly it doesn't work.

Please can you help.

<div class="gk-team col4 animate_queue">
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/1.jpg" alt="Tim Berners">
<figcaption>
<h3>Tim Berners</h3>
<small>CEO Executive Officer</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/2.jpg" alt="Julia Morena">
<figcaption>
<h3>Julia Morena</h3>
<small>Creative Director</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/3.jpg" alt="Eddy Doe">
<figcaption>
<h3>Eddy Doe</h3>
<small>Customer Support</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/4.jpg" alt="Robert Frost">
<figcaption>
<h3>Robert Frost</h3>
<small>Web Designer</small> </figcaption>
</figure>
</div>

We put this , look at team. Link under.

http://bestinshowmagazine.eu/#gkBottom1

Please turn of tinyMCE in global configuration (change editor to "no editor") before pasting that code. tinyMCE is changing html mockup making the code not working.

Ok. So to leave it like this also for feature code because I will need two similar pages as team page.

Thanks, Sanja

p.s. All the best in New Year

Just did but it still doesn't work
Would it be possible that you try.

We will need two pages like team , one will have 8 photos like this only with facebook link and others will have also 8 but only when hoover is link icon ( do we need to set animation differenetly )

Thanks, Sanja

And where we can change colour of buttons on the web and background.

Thanks, Sanja

I even try to make new module, but it still doesn't work
Please can you help because I need to finished today team and issue page.

Thanks, Sanja

Working on the solution, please don't bump your question (don't reply to your own posts), as it moves your question to the end of our queue - and delaying the answer.

Ok, the problem is quite simple - module suffixes are case sensitive - you should place:
'gkTeam'
and you have:
'gk-team'
Please correct that and write back if it helped.

Yes, Thank you so much.
Just one more thing, how we change what we do button on homepage slide.

When we can retun editor to tiny mce.

Thanks, Sanja

Its safe to turn off tinyMCE whenever you edit custom html module. So if you are not planning to change custom html modules, you can switch back to tinyMCE.

"what we do" button - would you like to change text of this button?

Yes that what we do button. ( text part and style part )
We font to add some customs font for headings and other. For example this one.

h1 {
font-family: 'Dancing Script', cursive;
font-weight: 700;
line-height: 46px;
font-size: 42px;
margin: 0 0 23px 0;
}
h2 {
font-family: 'EB Garamond', serif;
font-weight: normal;
text-transform: uppercase;
font-size: 18px;
line-height: 23px;
letter-spacing: 2px;
margin: 0 0 23px 0;
}
p {
font-family: 'EB Garamond', serif;
font-size: 16px;
line-height: 23px;
margin: 0 0 23px 0;
}

Thanks in advance.

Sanja

You can read about changing text of link here:
http://demo.gavick.com/joomla25/creativ ... nt-buttons

To address slide elements use this css selectors:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption h2 {}
.gkIsWrapper-gk_creativity .figcaption h1 {}
.gkIsWrapper-gk_creativity .figcaption > a