Where is the documentation?

I purchased a license to get Creativity. I did everything I could to review the template on the site, and while it was obvious it would be a bit more technical than I was used to get running it didn't look insurmountable.

The template is obviously driven by many inline codes such as:

Code: Select all

 [anim-opacity][icon-mobile-phone,66,wibrateanim2]

I have looked everywhere in the downloads and the documentation and I can't find any place that lists all the codes and "commands".

Am I overlooking something? If there is no documentation of these things how will I ever get beyond the quickstart?

Thanks in advance.

Hi,

Yes, you have overlooked few articles

The main article is here:
http://demo.gavick.com/joomla25/creativ ... umentation

additionally by selecting header variations from the left toolbar you can read about specific examples of the header.

Hope it helps.

OK, thank you very much! That is helpful... Several other questions:

The images are gone from the Quickstart for the header. The dimensions set in the module for the slideshow are obviously not in control right? They are set to 640x320.

My guess is the theme is scaling them to full screen, whatever size that is for the person viewing the site. What dimensions should I be using for those images? 640x320 or something else?

What is being used to get the effect that pops the social icons over the images of the people in the About section. I don't see anything in the HTML that is in control of that in that module.

For the "What we do" section I can follow most of what is happening, and I assume the button "More Work" is coming from the link settings in "Portal Mode Settings" of the module, but how can I change the title on the button from "More Work" to something else? Is it possible to change the icon that is overlayed on mouse over from the Chain Link?

Is there any article or forum post you can point me at with more information on the proper syntax for using the animation queue class commands? What I have found so far is pretty scarce.

Thank you again in advance.

Bryan

The images are gone from the Quickstart for the header. The dimensions set in the module for the slideshow are obviously not in control right? They are set to 640x320.

Please remember that if you want to use these dimensions you should enable generating thumbnails in the Image Show advanced settings (it is defaultly disabled).

My guess is the theme is scaling them to full screen, whatever size that is for the person viewing the site. What dimensions should I be using for those images? 640x320 or something else?

You should use images with relatively big size - around 1024x768, please also remember that for the scaling purpose the best will be lightly blurred images. Remember also about my previous information about the advanced settings.

What is being used to get the effect that pops the social icons over the images of the people in the About section. I don't see anything in the HTML that is in control of that in that module.

These social icons are generated dynamically based on the data-* attributes in the team figure elements.

For the "What we do" section I can follow most of what is happening, and I assume the button "More Work" is coming from the link settings in "Portal Mode Settings" of the module, but how can I change the title on the button from "More Work" to something else? Is it possible to change the icon that is overlayed on mouse over from the Chain Link?

The text can be changed in the News Show Pro GK5 language file. The icon can be changed in the gk.stuff.css file in the part referencing to the NSP Portfolio Portal Mode.

Is there any article or forum post you can point me at with more information on the proper syntax for using the animation queue class commands? What I have found so far is pretty scarce.

It was described here: http://demo.gavick.com/joomla25/creativ ... age-layout and in general it is all - you have to add the CSS classes and all is automatically animated (depending from the scroll position). Of course for the animation queue, you have used two classes - one for the parent and one for each animated elements.

Thank you for the prompt reply! All that makes good sense with the exception of this one:

These social icons are generated dynamically based on the data-* attributes in the team figure elements.

Where are those attributes. Not sure I follow the reference to elements. I don't see it in the HTML, is it somewhere else?

Code: Select all

<div class="gkTeam col4 animate_queue"><img src="images/demo/about/1.jpg" border="0" alt="Tim Berners" />
<h3>Tim Berners</h3>
<small>CEO Executive Officer</small> <img src="images/demo/about/2.jpg" border="0" alt="Julia Morena" />
<h3>Julia Morena</h3>
<small>Creative Director</small> <img src="images/demo/about/3.jpg" border="0" alt="Eddy Doe" />
<h3>Eddy Doe</h3>
<small>Customer Support</small> <img src="images/demo/about/4.jpg" border="0" alt="Robert Frost" />
<h3>Robert Frost</h3>
<small>Web Designer</small></div>
<p style="text-align: center;"><a class="border bigbutton" href="#">Learn More</a></p>

Most probably you're using TinyMCE editor - unfortunately it has big problems with HTML5 and just removes the HTML5 tags - figure and figcaption too.

I recommend to change the editor in your user settings to none and then paste the following code:

Code: Select all

<div class="gkTeam 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="images/demo/about/1.jpg" border="0" 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="images/demo/about/2.jpg" border="0" 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="images/demo/about/3.jpg" border="0" 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="images/demo/about/4.jpg" border="0" alt="Robert Frost" />
      <figcaption>
         <h3>Robert Frost</h3>
         <small>Web Designer</small> </figcaption>
   </figure>
</div>
<p style="text-align: center;"><a class="border bigbutton" href="#">Learn More</a></p>

The text can be changed in the News Show Pro GK5 language file.

WTF ??? Can't you find a more insane way??? I just wasted the previous half an hour of my life !!!

And what if I would like to use the module twice ? Once with paintings (so I want the button to write "More paintings") and an othe News Show module with photos (and the button has to write "More Photos") ???

Would it be that difficult to include a field that will let us specify what we want the button to write on it ???

Forgive my language, but I am really very angry with Gavick pro write now.

Npac is wright I've lost hours too