Follow the next steps to remove the Weebly footer and replace it by your own.
It’s easy to modify the footer with a pro account, but it is possible to do it with a free account.
It’s easy to modify the footer with a pro account, but it is possible to do it with a free account.
What do you have to do?
Go to Design (on top of the page) >Edit HTML/CSS (bottom left) > Open one of the four html files (under Page layouts)
Search for the footer and you will see something like this (this may differ a bit depending on your theme):
<div id="footer">
<div id="footer-content">{footer}</div>
Now add a line between the last footer div and {footer}.
Add this line <div style="visibility:hidden">
It should look like this after you’ve done that:
<div id="footer">
<div id="footer-content">
<div style="visibility:hidden">
{footer}</div>
Now you removed the footer and you can start building up your own.
Add a new line before <div style="visibility:hidden">
© 2016 “your name and other text”
If you want to add links in your footer copy this code:
<a href="Your link">Name you want to use </a>
After you finished all this it could look like this (example of my site) :
<div id="footer">
<div id="footer-content">
© 2016 DDDproduktionen |
<a href="http://dddproduktionen.weebly.com/contact.html">Contact</a> |
<a href="http://dddproduktionen.weebly.com/privacy.html">Privacy</a> |
<a href="http://dddproduktionen.weebly.com/sitemap.html">Sitemap</a> </div>
<div style="visibility:hidden">
{footer}
</div>
Note for new themes:
I noticed that some people have problems because new themes use wrappers.
For example:
<div id="footer-wrap">
<div class="container">
{footer}
</div><!-- end container -->
</div><!-- end footer-wrap -->
Replace this code by the following code:
<div id="footer-wrap">
<div class="container">
"your name and links"
<div style="visibility:hidden">
{footer}
</div><!-- end container -->
</div><!-- end footer-wrap -->