Change Footer

Support desk for Villa Belluci Joomla Hotel Template
GK User
Tue Apr 26, 2016 10:28 am
Hello again :)

I have another project where I use your hotel villa belucci template.

I found the module for the footer, but I dont get the code inside :D I would like to have a h3 over the entries
*Contact
*Careers
*Terms of Use
*Privacy Policy
*Our Best Rate Promise

But if I try to put a h3-tag inside the code it looks like a mess :( I put the code here in this thread which I found on your demo website with my note where to put the h3 tag D:

Code: Select all
<div class="gk-cols" data-cols="3">
    <div>
        <h3>Quick Links</h3>
        <div class="gk-cols" data-cols="2">
            <div>
                <ul>
                    <li><a href="#">Our Hotels</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Press</a></li>
                    <li><a href="#">Fact Sheet</a></li>
                </ul>
            </div>

            <div>
                    -------- I want a header here! >.< -----------
                <ul>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Careers</a></li>
                    <li><a href="#">Terms of Use</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Our Best Rate Promise</a></li>
                </ul>
            </div>
       </div>
    </div>

    <div>
        <h3>Contact</h3>
        <div class="gk-cols" data-cols="2">
            <div>
                <p>Phone:</p>
                <p>Fax:</p>
                <p>Reservations:</p>
            </div>

            <div>
                <p>(123) 456-7898</p>
                <p>(123) 456-7898</p>
                <p>(123) 456-7898</p>
            </div>
       </div>
    </div>

    <div>
        <h3>Villa Belluci</h3>
        <p>844 Linden Street Norwood, MA 02062</p>
        <p>Template Design © by <a href="https://www.gavick.com/" title="GavickPro" rel="nofollow">GavickPro</a>. All rights reserved.</p>
    </div>


Can you help me editing the code correctly? I'm an idiot using divs... I dont get their behaviour :(
User avatar
Senior Boarder

GK User
Wed Apr 27, 2016 8:41 pm
Hello,

Could you provide an URL to your page with the not working code visible?
User avatar
Moderator

GK User
Thu Apr 28, 2016 9:11 am
Hi,

I've tried to change the the HTML inside the footer module. I've put the h3-tag over the second column here in the bottom. But its not the result which I have expected. Header isnt in the same row as the other ones. :s

I'm not sure when I should use which gk-cols class (1, 2, or 3) so I don't understand the original code from Gavick. :( How I have to use the HTML tags that I have 3 colums with a h3 and the menu entries as a unordered list if I want to use the gk-cols class?

Why has the header his own gk-cols class (gk-cols3) and then I can see the unordered lists with gk-cols2? (And where's 1? :D ) I'm just confused...
User avatar
Senior Boarder

GK User
Thu Apr 28, 2016 2:38 pm
Please try to use the following code:

Code: Select all
<div class="gk-cols" data-cols="4">
   <div>
      <h3>Auf einen Blick</h3>
      <ul>
         <li><a href="/wer-wir-sind">wer wir sind</a></li>
         <li><a href="/was-wir-machen">was wir machen</a></li>
         <li><a href="/unsere-expertise">unsere Expertise</a></li>
      </ul>
   </div>
   <div>
      <h3>Regionen</h3>
      <ul>
         <li><a href="/mecklenburg-vorpommern">Mecklenburg-Vorpommern</a></li>
         <li><a href="/brandenburg">Brandenburg</a></li>
         <li><a href="/sachsen-anhalt">Sachsen-Anhalt</a></li>
         <li><a href="/thueringen">Thüringen</a></li>
         <li><a href="/sachsen">Sachsen</a></li>
      </ul>
   </div>
   <div>
      <h3>Kontakt</h3>
      <ul>
         <li><a href="/anfrage">Anfrage</a></li>
         <li><a href="/anfahrt">Anfahrt</a></li>
         <li><a href="/impressum">Impressum</a></li>
      </ul>
   </div>
   <div>
      <h3>Mitteldeutsche Immobilien</h3>
      <p>Virchowstraße 2-4 in 14482 Potsdam</p>
      <p>©2016 Alle Rechte vorbehalten I MDI Mitteldeutsche Immbolien<br />Website von <a title="GavickPro" href="http://www.inventmedia.de" target="_blank" rel="nofollow">inventmedia</a></p>
   </div>
</div>
User avatar
Moderator

GK User
Fri Apr 29, 2016 9:25 am
Thank you, this works good. :)

I'm so sorry about asking such a simple thing, but I was so confused about how to use the template features from Gavick correctly. :s
User avatar
Senior Boarder


cron