Guitar Image

Hello,

how do I go about replacing the guitar image on the main page? I tried to delete the guitar.png file with my FTP and I changed it to a new file but the one I changed was in /templates/gk_fest/images. I assume this is now the correct source file?

Hi,

Yes it is - in general images, which are a part of the headers usually are placed in the template images directory.

I am for different reasons not able to install the quickstart package and thus not able to see how things have been done for creating something as the demo site.

How do I at all enable showing images in the header (like the guitar and the world map in the demo)? By custom html in module position Header? Cannot find any documentation for this...

Cheers Ben

Hi,

The source code for the header custom HTML module is following:

Code: Select all

<div class="gk-animation" data-height="530">
 <div class="gk-animation-wrap">
  <div class="gka-bg">Background</div>
   <h2 class="gk-scale-up" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="200" data-time="500">Festival 21 Feb. - 27 Feb. 2012</h2>
   <h1 class="gk-scale-up" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="600" data-time="500">Festival Musico</h1>
   <div class="gk-stars" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="1000" data-time="500">* * * * * *</div>
   <div class="gk-jscounter gk-scale-up" data-dateend="21-2-2015" data-timeend="19:42" data-timezone="+2" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="900" data-time="500">Counting finished!</div>
   <div class="gk-guitar" data-start="{opacity: 0, right: '-200px'}" data-end="{opacity: 1, right: 0}" data-delay="900" data-time="450">Guitar</div>
   <a href="#" class="gk-ticket" data-start="{opacity:0, top: '45px'}" data-end="{opacity:1, top: 0}" data-delay="1300" data-time="450">
      <strong>Get a ticket</strong>
     <small>Authentic Tickets on Time or Your Money Back!</small>
   </a>
 </div>
</div>