WebsiteBaker Support (2.13.x) > General Help & Support
Template customisation
hgs:
As a beginner, I simply looked at the code sections in index.php.
The template REVERO has the links to social media in the header.
The section looks like this:
--- Code: --- <div class="social-links float-right">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>
--- End code ---
swap the # with the correct URL's to activate the link.
I simply copied this section in the footer area.
--- Code: --- <footer id="footer">
<div class="container">
<img src="https://assets-global.website-files.com/60ef8ad6a624ec477fda811d/6101f274c87a2f247062b4ca_logo_derek_prince_uk_01_white.svg" loading="lazy" alt="White Derek Prince Ministries UK logo" class="image-logo-1" width="190" height="41">
<div class="social-links float-right">
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
<a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>
--- End code ---
The menu at WebsiteBaker is realised with "ShowMenu2".
I have also copied the code from the header area to the footer area.
You can see the result on my Testsite
How the icons and the menu look then is changed in the css file
Translated with www.DeepL.com/Translator (free version)
apple:
Thanks, I managed to get that far. Looking at it closer I realised it is two colums, ie, logo on float left left and the links on float right.
hgs:
Currently the Footer area is without subdivision.
Where what is placed there is pure css statement.
How to divide a the footer into several areas ( left area, middle , right area) is beyond my beginner knowledge.
Hope a professional can help there
dbs:
On our template site we have several templates with the wished footers (e.g. the 3rd, 4th, 5th template).
The 3rd is https://template.WebsiteBaker.org/pages/frontend-templates/demo-jbd.php?template=birdoj
What you need from there is the html of the footer + the css styles of the used css classes.
Helps this?
hgs:
Thanks for the link, even a beginner can check how it was solved, or use this template.
The language switcher in the footer, like on the original site, will also be a challenge.
Navigation
[0] Message Index
[#] Next page
[*] Previous page
Go to full version