FAQ

hello,

I want to have the faq style from EVENT- template in my quark template. Is that possible? And if yes what do I have to do? ( I think every template needs this good looking FAQ style

faq events.jpg

thank you so much for help, claudia

You could copy stylings and javascript from any other template which has faq that looks the way you would like it to be.

thanks Cyberek - to be honest - I tried it - but it doesnt work - where do I have to put in the copys? Into the override or in the css style ?

thanks for help. claude

You can use override.css. Perhaps you could show me an url to a site where you have tried to copy the behave so I can check whats wrong? Also, which template was the base for copying?

Thats great Cyberek,

The base Template is: Event Manager Joomla Template: the FAQ thing at the bottom:

https://demo.gavick.com/joomla25/events/

And I want it to have in Base Quark Style template

look here: http://www.graphicgarden.de (the modul is off at the moment because it looks cruelty)

I copied this: but I do not know where do I have to put it?

<div class="gkCols" data-cols="2">
<div>
<dl class="gk-faq">
<dt data-scroll-reveal="enter left and wait 0s" data-scroll-reveal-id="49" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dt>
<dd>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</dd>

and This:

gavick faq.jpg

thank you for your help! Claude

I would need to see it live maybe you could create a subpage that is not linked in the menu and post the faq there?

http://www.graphicgarden.de/faq

I would like to have the questions below the Text: Da ist noch eine Frage!

in FAQ Form like the template I wrote: events

thanks for help

gavick_faq.jpg

I'm wondering where did you add events faq css code? I can;t find it in override.css. You need to copy it from gk.stuff.css of The Events template - it starts with:

Code: Select all

/* FAQ */


and ends on next section:

Code: Select all

/* Venue */


Cyberek,
something is wrong it will not slide - and I do not have two columns whats wrong? Can you help please?

I tried to write that code in gk.scripts.js but than the site doesnt load anymore

// FAQ
jQuery('.gk-faq').each(function(i, faq) {
var dt_list = jQuery(faq).children('dt');
dt_list.each(function(i, dt) {
dt = jQuery(dt);
dt.click(function() {
dt_list.each(function(j, dt_element) {
if(i !== j) {
jQuery(dt_element).removeClass('active');
}
});
dt.toggleClass('active');
});
});
});
});

So my questions are:

1. what do I have to do that it will slide (open and close)
2. and how can I pick up the event pixellove fonts in quark because the quark-pixellove have no + and no -

is it possible to copy the whole font thing from event into quark?

thanks a lot for your help, claude

Code: Select all

   // FAQ
   jQuery('.gk-faq').each(function(i, faq) {
      var dt_list = jQuery(faq).children('dt');
      dt_list.each(function(i, dt) {
         dt = jQuery(dt);
         dt.click(function() {
            dt_list.each(function(j, dt_element) {
               if(i !== j) {
                  jQuery(dt_element).removeClass('active');
               }
            });
            dt.toggleClass('active');
         });
      });
   });


this is the code you should use, you need to place it somewhere inside of document ready statement:

Code: Select all

jQuery(document).ready(function() {

}


Now if it goes to columns and font-awesome, basically what we are doing here is not covered by our technical support. You can use different element (from font-awesome), or try to port pixe-love (it is not that hard if you know html/css/php a little bit). Also gkCols should work well in quark if ported correctly from events template (you can use firebug to find correct css declarations)

thank you Cyberek - it works - and now I'm searching for the pixel love thing - great thanks a lot!

There is an icon in font-awesome which should work - you would only need to change #code to use different one (and font family to be font-awesome).