How do I edit the first page of template

Dear All,

I would like to edit the text, dscover restaurant button and icons below. How and where can I do this? I cannot find it anywhere

Cheers

Remco

It is a custom html module named "Header" positioned at "header" position.

Thank you. This worked. However if I edit:

<h1 data-scroll-reveal="enter top over .5s after 0s">Welcome at Traubenliebe</h1>
<h2 data-scroll-reveal="enter bottom over .5s after .15s">Joy and Pleasure celebrated with wine</h2>
<p><a href="#restaurant" class="btn" data-scroll-reveal="enter bottom over .5s after .25s">Select your option from the menu below</a></p>
<ul class="gk-short-menu">
<li data-scroll-reveal="enter bottom over .5s after .25s"><a href="#SERVICES"> Services</a></li>
<li data-scroll-reveal="enter bottom over .5s after .5s"><a href="#specials"> Specials</a></li>
<li data-scroll-reveal="enter bottom over .5s after .75s"><a href="index.php/gallery"> Gallery</a></li>
<li data-scroll-reveal="enter bottom over .5s after 1s"><a href="index.php/reservation"> Reservation</a></li>
<li data-scroll-reveal="enter bottom over .5s after 1.25s"><a href="#location"> Location</a></li>
</ul>

The icons dissapear... How to I get the different icons to appear from the template font "fontAwesome"

Cheers and thank you.

Best regard,

remco

Please disable tinyMCE editor in global configuration (change editor to "editor - none").
Now edit the module as a source code.

This does not change much And what about using JCE as an editor?. The source looks exactly the same. What should it look like to "code" the icons back in?

Cheers

Remco

The original header code:

Code: Select all

<h1 data-scroll-reveal="enter top over .5s after 0s">The Best Steak House is Here</h1>

<h2 data-scroll-reveal="enter bottom over .5s after .15s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper orci semper tempus.</h2>

<a href="#restaurant" class="btn" data-scroll-reveal="enter bottom over .5s after .25s">Discover our restaurant</a>

<ul class="gk-short-menu">
<li data-scroll-reveal="enter bottom over .5s after .25s"><a href="#menu"><i class="gk-icon-dinner-set-solid"></i> <span>Menu</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after .5s"><a href="#specials"><i class="gk-icon-bottle-glass-solid"></i> <span>Specials</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after .75s"><a href="index.php/gallery"><i class="gk-icon-gallery-solid"></i> <span>Gallery</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after 1s"><a href="index.php/reservation"><i class="gk-icon-calendar-solid"></i> <span>Reservation</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after 1.25s"><a href="#location"><i class="gk-icon-map-path-solid"></i> <span>Location</span></a></li>
</ul>


Thank you this works like a charm. Where do I find the complete list of styles? And documentation and how the different classes work?

Another question: Is there a complete documentatio nthat shows all the classes, Things like __ in header and all the other possibilities in a consise manner to make it a little easier?

Cheers

Remco

There is a documentation describing what and where can be used:
https://demo.gavick.com/joomla25/steakhouse/
the demo content itself explains a lot on subpages.
The list of icons can be found here:
https://demo.gavick.com/joomla25/steakh ... t-elements