How to remove and replace the Weebly footer with a free Weebly account?

28/02/2013 11:38

Hi!
I used your tutorial a while back to remove the weebly footer, but since this afternoon, it has reappeared (if you look bottom right of my web page. I haven't changed anything at all, but I notice all my stuff at the footer (which your tutorial taught me) is no longer in the right colours and its all moved to the left! i guess weebly did this to fit their logo back in?
Anyway, if it is weebly that have reinstated their logo, do you have a solution to remove it again? I have left all the coding as you taught, so it should be easy to follow your instructions again!
Thanks if you can help. Much appreciated,
Mary

DDDproduktionen

01/03/2013 02:34

Your code looks right to me. Did you perhaps reverted the theme? Because then some class names could have changed.

01/03/2013 03:59

Hi and thanks for your reply. I'm not exactly sure what you mean but I didn't do anything with the theme. If I paste the code here maybe you will be able to spot where something is missing? It's worth a try!

<div id="footer">{footer}</div>
<div id="footer-content" style="visibility:hidden">{footer}</div>
<div id="footer-wrap">
<div class="site_footer" style="height:30px" align="center"> 2013 Lovefoodies©
<a href="http://www.lovefoodies.com/index.html">Home</a>
<a href="http://www.lovefoodies.com/about-me.html">About</a>
<a href="http://www.lovefoodies.com/contact-us.html">Contact Us</a>
<a href="http://www.lovefoodies.com/links.html">Links</a>
<a href="http://www.lovefoodies.com/terms-of-service.html">Terms of Service</a></div>

<div id="page">
<div<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Lovefoodies</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.lovefoodies.com/" property="cc:attributionName" rel="cc:attributionURL">M Evans</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.lovefoodies.com/" rel="dct:source">http://www.lovefoodies.com/</a>.</div>
<div<a href="default.asp">
<img src="http://disclosurepolicy.org/images/badge-small.jpg" width="60" height="28"></a></p></div>
</div>
<div id="footer"style="visibility:hidden">{footer}</div>

When you look at the actual web page, everything is a mess now and I don't know how to make it look tidy, like to space it properly, so if it's possible you could suggest how to do it and see if you can spot why the weebly thing has appeared again I would be eternally grateful!!! When I look at all the code it overwhelms me, but your instructiona have always been very easy to follow :)
thanks once again,
Mary

DDDproduktionen

01/03/2013 08:45

I don't know how it looked like before, but this should fix it.

Just delete the old code and paste this:

<div id="footer-wrap">
<div id="footer">
<div align="center"> 2013 Lovefoodies©
<a href="http://www.lovefoodies.com/index.html">Home</a>
<a href="http://www.lovefoodies.com/about-me.html">About</a>
<a href="http://www.lovefoodies.com/contact-us.html">Contact Us</a>
<a href="http://www.lovefoodies.com/links.html">Links</a>
<a href="http://www.lovefoodies.com/terms-of-service.html">Terms of Service</a></div>
<div id="page">
<div<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Lovefoodies</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.lovefoodies.com/" property="cc:attributionName" rel="cc:attributionURL">M Evans</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.lovefoodies.com/" rel="dct:source">http://www.lovefoodies.com/</a>.</div>
<div<a href="default.asp">
<img src="http://disclosurepolicy.org/images/badge-small.jpg" width="60" height="28"></a></p></div>
</div>
<div id="footer"style="visibility:hidden">{footer}</div>
</div>
</body>

01/03/2013 10:20

Gosh!!!! Thanks very much for your help. It's all back to normal now and the footer is nice and tidy :)
I wondered if you know how to put a space or divider line inbetween the About, index,contact us etc as they are all squashed together and I wanted it to look like yours!
Thanks once again for your efficiency and great help. Much appreciated!

DDDproduktionen

02/03/2013 06:03

You can add some padding in the CSS. Or you can a divider line in the HTML.

e.g.: <a href="http://...">Home</a> |
<a href="http://...">About</a> |

02/03/2013 08:05

All done! Such a simple thing and it has made all the difference. Looks much better now with the dividers. Thanks heaps and heaps :)

Moose

06/03/2013 15:45

Arrrrrgh! They changed the code and now i don't know where to put the visibilty:hidden code. HELP!!!! (see below)
====
/* Footer
--------------------------------------------------------------------------------*/

#footer {
background: #151515;
padding: 44px;
font-size: 12px;
color: #9f9f9f;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
}

#footer h2 {font-size:1.5em; color:#ccc; border-bottom:1px solid #666; margin-bottom:2px;}
#footer p {
color: #9f9f9f;
}

#footer .paragraph ul{
margin:0px !important;
padding:0px !important;
}

#footer .paragraph li{
list-style:none !important;
margin:0px !important;
}

#footer span {
vertical-align: middle;
}

.wsite-footer { /* make sure enough space between element footer and attribution */
margin-bottom: 15px;
}
#footer blockquote {
border-left:4px solid #333;
color:#666;
}

DDDproduktionen

07/03/2013 10:31

You are working in the CSS file. You need one of the four HTML files.

Moose

08/03/2013 11:51

I used to be able to access the HTML files (along with the CSS) in design mode but now all I seem to be able to access is just the CSS. Where do I find the HTML now???

DDDproduktionen

09/03/2013 07:58

Go to Design (on top of the page) > Edit HTML/CSS (upper right corner) > You will see CSS, Page Layouts and Files > Under Page Layouts you will find 4 HTML files > The best thing you can do is to change the code in all 4 headings.

Moose

10/03/2013 16:10

Thanks for such fast replies. I tried changing the code in the HTML files as described in your video and initial post at the top but can't get to to hide the footer. In one instance it moved it to the left but it was still visible. What am I missing? Here's what the code looks like without modification...
===
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class="wsite-theme-light tall-header-page">
<div id="container">
<div id="top-section">
<div id="inner-section">
<div id="header-container">
<div id="header-top">
<table id="header">
<tr>
<td id="logo">{logo}</td>
<td id="header-right">
<table>
<tr>
<td class="phone-number">{phone:text}</td>
<td class="social">{social}</td>
<td class="search">{search}</td>
</tr>
</table>
</td>
</tr>
</table>
<div id="topnav">
{menu}
<div style="clear:both"></div>
</div>
</div>
</div>
<div id="main">
<div id="banner">
<div class="wsite-header"></div>
</div>
<div id="content">{content}</div>
</div>
<div id="footer">{footer}</div>
</div>
</div>
</div>
</body>
</html>
==
Again, thanks for your help :)

DDDproduktionen

12/03/2013 07:31

Change the footer code into this:

<div id="footer">
<div id="footer"style="visibility:hidden">{footer}</div>
</div>

Madan

06/03/2013 19:17

how to change this

<div id="footer-wrap">
<div id="footer">
{footer}
<div class="clear"></div>
</div>
</div>

DDDproduktionen

07/03/2013 12:18

<div id="footer-wrap">
<div id="footer" style="visibility:hidden">
{footer}
<div class="clear"></div>
</div>
</div>

DDDproduktionen

08/03/2013 06:44

Hi Mnta,

Your new footer code:

<div id="footer-wrap">
<div id="page">
<div id="footer">
© 2013 Monta Neinberga. All rights reserved. |
<div id="footer" style="visibility:hidden">{footer}</div>
</div>
</div>
</div>

To align it left, go to your CSS code, search for
#footer and change the text-align to left.

Mnta

08/03/2013 08:23

Thanks a lot for your quick reply. It's amazing and it works like a chime. You are my hero!

Bridget

19/03/2013 20:02

Hi, I think I found the right spot in the code to add the visibility:hidden stuff, but since I'm using a free version, it asks me to Save, and then I lose all the other formatting from my template. Any suggestions on what I need to do? Do I have to Save it? I don't have a Publish button when I'm in the CSS/HTML, just Cancel or Save. I am new to Weebly as of today, so def. still learning.Thanks!!!

DDDproduktionen

20/03/2013 09:37

Yes, you have to save it.
Did you lose the formatting from the template or the footer.
If it is from the template, you probably forgot to end a div.

DDDproduktionen

22/03/2013 06:43

@Vivek Malhotra

This is how you change your footer code:

<div id="footer-wrap">
<div id="main-footer-wrap">
<div class="container">
[YOUR TEXT]
<div class="container" style="visibility:hidden">
{footer}
</div>
</div>
</div>

saif link

24/03/2013 04:16

hello...
do to make a back top to top button like yours which scrolls with the screen...please give me step by step making of it...i am new here

DDDproduktionen

24/03/2013 10:36

You can follow this tutorial: http://dddproduktionen.weebly.com/1/post/2013/02/scrollt-to-top-function-for-weebly.html

ishan link

25/03/2013 23:07

can u please tell me how to use another website link as a page option

30/03/2013 19:39

Hi! I just wanted to thank you for your advice...this page really helped!

I was wondering if you knew how to add a custom footer with a different background color. Does this need to be done in the CSS?

I currently have a white background and would love a grey footer with columns of links.

Thanks!

DDDproduktionen

01/04/2013 06:24

You can change the colors in the CSS. But you have to make the footer in the HTML.

Jeroen link

31/03/2013 05:59

Hi,
First of all thank you for your great efforts to help us all out, it's much appriciated!
I am working on a webiste and I want an adres footer instead of the weebly footer. I tried your code and it removed the weebly footer. In weebly I can now see my adres line, but it is not centered. Can you help me to solve this problem?
The second problem is that when I publish the site I don't see the adres at all. What went wrong?

The code is:
<div id="footer-wrap">
<div id="page">
<div id="footer">
<div "align="center"> STUDIO DIEP Swammerdamstraat 33b 091 RR Amsterdam info@studiodiep.nl 06-16580464
<div id="footer-content" style="visibility:hidden">{footer}</div>
</div>

DDDproduktionen

01/04/2013 06:44

I think it's better to use this code:

<div id="footer-wrap">
<div id="page">
<div id="footer">
STUDIO DIEP Swammerdamstraat 33b 091 RR Amsterdam info@studiodiep.nl 06-16580464</div>
<div id="footer" style="visibility:hidden">{footer}</div>
</div>
</div>

Center the footer in the CSS. (text-align: center)

Juve

02/04/2013 01:03

help me with this sir

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class=' landing-page wsite-theme-dark'>
<div id="container">
<table id="header">
<tr>
<td id="logo">{logo}</td>
<td id="header-right">
<table>
<tr>
<td class="phone-number">{phone:text}</td>
<td class="social">{social}</td>
<td class="search">{search}</td>
</tr>
</table>
</td>
</tr>
</table>
<div id="main">
<div id="banner">
<div id="banner-left">
<div class="wsite-header"></div>
<em id="tl"></em>
</div>
<div id="bannerright" class="landing-banner-outer">
<div class="landing-banner-mid">
<div class="landing-banner-inner">
<h2>{headline:text global="false"}</h2>
<p>{headline-paragraph:text global="false"}</p>
{action:button global="false"}
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="navigation">
{menu}
<div class="clear"></div>
</div>
<div id="content">
{content}
<div class="clear"></div>
</div>
</div>
<div id="footer">
{footer}
<div class="clear"></div>
</div>
</div>
</body>
</html>

DDDproduktionen

02/04/2013 06:40

<div id="footer">
YOUR TEXT
<div id="footer"style="visibility:hidden">{footer}</div>
<div class="clear"></div>
</div>

Rahul Singh link

05/04/2013 07:19

Hi Team,

I have just created a website and edited the footer code with the help of css, look how:

#footer-wrap {
background:url(footer-bg.jpg) repeat;
text-align:right;
margin-top:10px;
font-size:15px;
font-weight:normal;
color:#777777;
visibility:hidden;
}

#custom-footer {
float:left;
text-align:right;
width:960px;
margin:0px 0 0px 0;
font-size: 14px;
font-weight: bold;
}

Now I have successfully removed the footer code..... The problem is that I want to add my own custom footer code of :

HOME , ABOUT US, SERVICES, PRODUCTS, CONTACT US and want to write ALL RIGHTS RESERVED WITH CLICKNE

I am getting CSS ___ Main style page

and

Under Page Layout

Add new layout
tall-header.html
short-header.html
no-header.html
landing.html

SO where should I go to add my own custom footer....... my page is looking like this now:

Tall. Header

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body class='tall-header-page wsite-theme-dark'>
<div id="header-wrap">
<div class="container">
<table id="header">
<tr>
<td class="phone-number">{phone:text}</td>
<td id="header-right">
<table>
<tr>
<td class="social">{social}</td>
<td class="search">{search}</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>

<div id="nav-wrap">
<div class="container">
<table>
<tr>
<td id="logo">{logo}</td>
<td>{menu}</td>
</tr>
</table>
</div>
</div>

<div id="banner-wrap">
<div id="banner-top"></div>
<div class="container">
<div id="banner">

<div class="wsite-header"></div>

<div style="clear:both;"></div>
</div>
</div>
</div>

<div id="main-wrap">
<div class="container">
{content}
</div>

</div>

<div id="main-wrap-bottom">
<div class="container">
<p class="left-image"></p>
<p class="right-image"></p>
</div>

</div>

<div id="footer-wrap">

<div id="footer-wrap-inner"></div>

<div class="container">
{footer}
</div>

</div>

</body>

</html>

DDDproduktionen

05/04/2013 08:54

I think it's better to remove the footer in the HTML code, and not in the CSS.
This would be your code:

<div id="footer-wrap">
<div id="footer-wrap-inner"></div>

<div class="container">
<a href="Your link">HOME</a>
...
All rights reserved ...
<div style="visibility:hidden">
{footer}
</div>
</div>

Rahul Singh

05/04/2013 18:45

Hey DDDproduktionen,

Thank you for your fast assistance... I just visited your website home... Mind blowing how u have done ur footer please guide... I would love to have a footer like you... please guide me and every member here...

Also the the content area.....

Webdesign
How to make/ create your own website.
More

Fun
Play addicting games and watch funny videos. More
SEO
Optimize your website for search engines.
More

About us
Who we are and what we do.
More
Blog
Tips and tricks for your Weebly website.
More

Follow us

Most popular
How to remove the Weebly footer for free.
How to add a favicon to Weebly for free.
How to put background music on Weebly.
How to add a paragraph with background color.

HOW YOU HAVE DONE THIS............ Please guide

DDDproduktionen

07/04/2013 05:13

I can't really expain how I did the footer. Every theme is different and it was trial and error to make it.
For the home page I used the multiple columns element with title and paragraph elements in it. So nothing special.

mahaveer link

08/04/2013 11:00

sir i wnt a user profile and login option to my web and want to share images and video dorectly from user

mahaveer link

15/04/2013 11:24

i want to add footer text plz help me

DDDproduktionen

16/04/2013 02:19

After you removed the weebly footer, you can add your footer text by adding a new line of text above <div style="visibility:hidden">.

15/04/2013 12:30

Sir, on my account it doesn't allow me to edit html. Only the css of my theme, have you got another idea that I may use instead?

DDDproduktionen

16/04/2013 02:16

You can hide the footer in the css, but you can't make one in the css.
You need the html code to make your footer.

22/04/2013 14:51

OK, but do you know how to get the html folder, I am familiar with html concept. but on weebly, I have tried looking at the source code, and still am not able to find a way to edit it.

DDDproduktionen

23/04/2013 05:52

This will show you how to do it:
http://www.youtube.com/watch?v=_FSyEc_8Pac

Click the html file you are using. (Under Page Layouts).

23/04/2013 14:34

Ah, thanks! Bye, I just realized those html files. Thanks. Oh, and nice site.

23/04/2013 15:19

The footer still shows up and the html data I inputted into "tall-header.html" won't show.

23/04/2013 15:28

Code:
<div id="footer-wrap">
<div id="footer-inner-wrap">
<div class="container">
<div>
{footer}
</div>
</div>
</div>

DDDproduktionen

24/04/2013 02:24

This is the code you have to use:

<div id="footer-wrap">
<div id="footer-inner-wrap">
<div class="container">
[Your new footer text.]
<div style="visibility:hidden">
{footer}
</div>
</div>
</div>
</div>

I can advise you to change this code in all four headings. (to avoid problems when you change the layout)

DAVID OST link

24/04/2013 06:43

thanks so much for all your help.

just in the MOBILE site it always shows up, so if anyone looks at it from a TABLEt etc they will see it, any ideas sir.

australia people search link

24/04/2013 12:03

For that you cannot change.

DDDproduktionen

26/04/2013 07:02

Yes. You can't hide the mobile footer. Tablets display the full website, only phones will have the mobile footer.

Terrence

11/07/2013 12:34

If you're really dead set against the Weebly footer appearing on the mobile version you can disable the optimized mobile view under settings, which will automatically show the full version of your site without the footer on mobile phones, too, if you've removed it.

Maran

26/04/2013 08:54

I have problems finding the exact right part of the code that I have to replace. All I can find about the footer in the CSS, is this:

#footer-wrap {
text-align:right;
background:url(nav-bg.jpg);
color:#ddd;
padding:30px 0;
}

#footer-wrap h1, #footer-wrap h2 {color:#fff; font-size:19px;}
#footer-wrap span, #footer-wrap p, #footer-wrap .wsite-form-label {color:#bbb;}
#footer-wrap a {color:#fff !important;}
#footer-wrap a:hover {color:#888 !important;}

#footer-wrap .container .wsite-footer {
margin: 0 10px;
}
#footer-wrap .wsite-form-container {
text-align:left;
margin-top:0 !important;
}

If I delete that all, still 'Create a free website with Weebly' is visible. Can anyone explain how I can get rid of that text? :) There is no <div> used in the code of the theme, only # like above.
I don't have a pro account, just a free one. I hope it is still possible to change the code. Thanks already for every help!

Maran

26/04/2013 08:59

Already fixed it! Had to paste visibility:hidden; after the first sentence like this:

#footer-wrap {visibility:hidden;

then pressed space and backspace. It worked :) Happy!

Asterik Designs link

28/04/2013 13:12

I'll give a try, thanks. Hey did you tell me how to change the mobile site layout like you are using, for mine it showing me the boring sober layout. Thanks in advance.

DDDproduktionen

29/04/2013 09:15

You can change that under Settings > Mobile settings > Enable mobile.

05/05/2013 22:03

Thanks for talking about information. That is a awesome material you launched. I discovered the post very useful as well as interesting. I will come returning to analysis some more.

welly

07/05/2013 19:20

I also dont know how to change the code as below, please help to solve this problem, thank you.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class="wsite-theme-light tall-header-page">
<div id="header-wrap">
<div id="page">
<div id="header-container">
<table id="header">
<tr>
<td id="logo">{logo}</td>
<td id="header-right">
<table>
<tr>
<td class="phone-number">{phone:text}</td>
<td class="social">{social}</td>
</tr>
</table>
<div class="search">{search}</div>
</td>
</tr>
</table>
<div id="topnav">
{menu}
<div style="clear:both"></div>
</div>
</div>
</div>
</div>
<div id="banner-wrap">
<div id="container">
<div id="banner-bot">
<div id="banner">
<div id="banner-mid">
<div id="banner-outer">
<div class="wsite-header"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="main-wrap">
<div id="page">
<div id="main">
<div id="content">{content}</div>
</div>
</div>
</div>
<div id="footer-wrap">
<div id="page">
<div id="footer">{footer}</div>
</div>
</div>
</body>
</html>

DDDproduktionen

08/05/2013 03:38

You can use this code:

<div id="footer-wrap">
<div id="page">
<div id="footer">
<div style="visibility:hidden">
{footer}
</div>
</div>
</div>
</div>

randhir

15/05/2013 09:25

thanks

16/05/2013 19:32

How can I decrease the font size on my new footer?

DDDproductionen

17/05/2013 00:41

You can change the font size in the CSS.

Joseph

20/05/2013 03:50

it didnt worked out for me

<div id="footer-wrap">
<div class="container">
"your name and links"
<div style="visibility:hidden">
{footer}
</div>
</div>

DDDproduktionen

21/05/2013 05:15

Did you put this code in the right heading?
It looks like you just copied my example code, but you have to change it.

gootchums link

02/06/2013 09:09

I added one line - <div id="footer">!! It fixed everything....no lengthy explanations.

<div id="footer-wrap">
<div class="container">
<div class="container-inner">
<div class="text">{text}</div>
{FOOTER}
<div id="footer">
<div style="clear:both;">
</div>
</div>
</div>

</div>
</div>
</div>

Spencer link

22/06/2013 08:45

Hey DDDproduktionen,
I did it and it worked,but now I have a problem.
The header area has grown to a super large size.
What should I put the code in:(Tall Header.Html Or Short Header.Html) to fix this problem??

DDDproduktionen

25/06/2013 05:52

You can add the code in all four headings. Maybe you forgot to end a div.

Spencer

22/11/2013 10:19

Thank you. I'll try to fix that. :-)

Azizi link

24/06/2013 20:10

Didnt work as of 25th June 2013..Help needed here..

DDDproduktionen

25/06/2013 05:56

It's still working.
Just add <div style="visibility:hidden"> above {footer}.

(Note: Do this in all four headings.)

Gulfarogh

10/07/2013 06:20

Thanks It Works

Spencer

15/08/2013 15:33

Hi DDDProduktionen,
I need help.
My Theme looks like this:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body class='short-header-page wsite-theme-light'>
<div id="header-wrap">
<div class="container">
<table id="header">
<tr>
<td class="phone-number">{phone:text}</td>
<td class="social">{social}</td>
<td class="search">{search}</td>
</tr>
</table>
</div>
</div>

<div id="logo">
<div class="container">
{logo}
</div>
</div>

<div id="nav-wrap">
<div class="container">
{menu}
</div>
</div>

<div id="banner-wrap">
<div class="container">
<div id="banner">

<div class="wsite-header"></div>

<div style="clear:both;"></div>
</div>
</div>
</div>

<div id="main-wrap">
<div class="container">
{content}
</div>
</div>

<div id="footer-wrap">
<div class="container">
Building
<div style="visibility:hidden">
{footer}
</div>
</div>
</body>

</html>

Where do I put the html codes?

DDDproduktionen

20/08/2013 05:00

Your code looks good. With this code you should see the word "Building" instead of the Weebly footer.
If not your probably working in the wrong header.

Spencer

22/11/2013 10:16

Thank you. That REALLY helped. :-)

louiswayne link

22/08/2013 11:18

how do i change the colour of footer?

DDDproduktionen

24/08/2013 05:15

Well in your case, the background of your footer is an image.
So you can either upload a new image with the correct color or you can delete the image and use a background color instead. For example:

#footer-wrap { background: #fff; text-align:right; }

Mark Lee Gaming link

28/08/2013 08:57

I typed this, didn't work, Please help!!!

<div id="footer">
<div id="footer-content">
© 2013 “Mark Lee Gaming”
<a href="http://http://markleegaming.weebly.com/contact-me.html">Contact</a> |
<div style="visibility:hidden">
{footer}

DDDproduktionen

29/08/2013 07:00

I changed your code a little bit, because you had no end divs.
But even without that it should have worked. The only problem I can see is that you pasted the code in the wrong heading. You can prevent this by adding the code in all four headings (tall-header.html, short-header.html,no-header.html,landing.html)

Your code:

<div id="footer">
© 2013 Mark Lee Gaming |
<a href="http://http://markleegaming.weebly.com/contact-me.html"> Contact</a>
<div style="visibility:hidden">
{footer}</div></div>
<div class="clear"></div>

jhem link

01/09/2013 10:28

Hi, can you tell me what's wrong with my codes when I tried to hide the weebly footer? I get this </body>
</html> highlighted after I made this changes. Coz I think there's a missing piece or something like that. Here's my codes,

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
</head>
<body class=' landing-page wsite-theme-light'>
<div id="top-bg"></div>
<div id="container">
<div id="header-top">
<div id="pen"></div>
<table id="header">
<tr>
<td id="logo">{logo}</td>
<td id="header-right">
<table>
<tr>
<td class="phone-number">{phone:text}</td>
<td class="social">{social}</td>
</tr>
</table>
<div class="search">{search}</div>
</td>
</tr>
</table>
</div>
<div id="navigation">
{menu}
<div class="clear"></div>
</div>
<div id="main-top">
<div id="main-bg"></div>
<div id="main-bot">
<div id="main">
<div id="banner">
<div id="banner-left">
<div id="frame-wrapper">
<div id="wsite-header-wrapper">
<div class="wsite-header">
<div id="frame"></div>
</div>
</div>
</div>
</div>
<div id="bannerright" class="landing-banner-outer">
<div class="landing-banner-mid">
<div class="landing-banner-inner">
<h2>{headline:text global="false"}</h2>
<p>{headline-paragraph:text global="false"}</p>
{action:button global="false"}
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="content">
{content}
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="site_footer"
style="height:30px"
align="center"> © 2013 RenJhem for Life
<div id="footer-content"
style="visibility:hidden">{footer}</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'renjhem'; // required: replace example with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
</body>
</html><script type="text/javascript">stLight.options({publisher: "843ab701-1ee9-49df-af74-49d6f967eefa", doNotHash: false, doNotCopy: false, hashAddressBar: true});</script>
<script>
var options={ "publisher": "843ab701-1ee9-49df-af74-49d6f967eefa", "position": "right", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "pinterest", "linkedin", "googleplus", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>

All goes well before I decided to hide the footer. This is the only codes that I am suspecting for the highlighting in </body>
</html>
Here they are:
<div id="footer">
<div class="site_footer"
style="height:30px"
align="center"> © 2013 RenJhem for Life
<div id="footer-content"
style="visibility:hidden">{footer}</div>

I just can't find whats wrong with it, Please help~~~

DDDproduktionen

02/09/2013 06:19

Hi,

Well you have 3 divs in the footer code, but you only closed 2. So now you only need to close that third div by adding </div>

Your footer code should be:

<div id="footer">
<div class="site_footer"
style="height:30px"
align="center"> © 2013 RenJhem for Life
<div id="footer-content"
style="visibility:hidden">{footer}</div>
<div class="clear"></div>
</div>
</div>
</div>

jhem link

05/09/2013 05:16

Hi DDDproduktionen,

A lot of thanks for your help! It works!
Will work on writing a post about your site soon, hope many others find you as well, your site was loaded of so many helpful infos.

God bless! ^_^

jhem link

05/09/2013 08:53

Hi, DDDproduktionen,

I am getting confused why the name I put in the footer is not appearing in my homepage but it is ok with other pages, its visible.
I even tried to create another page for home but when I deleted it and set the second one as my homepage, once again it turns invisible, it is happening only in homepage. How is that?

DDDproduktionen

06/09/2013 06:40

I can see your footer on all pages.

jhem

06/09/2013 14:16

hi,

yes,it is visible now, cos i just leave the other one main page as home and hide it cos if i remove it, the footer will go invisible again. anyway, thanks a lot!

God bless

pamela link

09/09/2013 16:05

Hi

Question im using a weebly template and im not a pro. can I still change the back ground image on the header and footer? if so how?

thanks in advance.

DDDproduktionen

10/09/2013 10:19

Yes you can. You can change the background images in the css.

24/09/2013 05:19

Hi, how do I get rid of the footer? Thanks:

page #footer {
width: 524px;
}

/* Footer
--------------------------------------------------------------------------------*/

#footer-wrap {
border-top: 1px solid #dedede;
background: #fafafa;
min-width: 920px;
}

#footer {
padding: 40px 0 45px;
font-size: 12px;
color: #666;
font-family: Arial, sans-serif;
text-align: right;
}

#footer p {
color: #666;
}

#footer h2 {
font-size: 16px;
margin: 0 0 2px;
padding: .3em 0;
line-height: 1.5;
color: #414141;
font-family: "Actor", "Myriad Pro", Arial, Helvetica, sans-serif;
border-bottom:1px solid #ddd;
}

#footer span {
vertical-align: middle;
}

.wsite-footer { /* make sure enough space between element footer and attribution */
margin-bottom: 15px;
}

SHAIZOR link

04/10/2013 09:45

i want footer code © Dora Nobita in center and logo doranobita logo

DDDproduktionen

05/10/2013 05:17

You can center your footer in the css.
(Text-align: center;)

shaizor link

06/10/2013 03:32

how to put logo in footer please help!!

DDDproduktionen

06/10/2013 08:48

These are the steps:

1) Go to design (on top of the page) > Edit HTML/CSS (bottom left) > upload your logo under files (left side).

Get the link: http://doranobita.weebly.com/files/theme/NAME.png
(You just have to change the name and the file extension if necessary)

2) Go to the html > add the following code after your footer text

<img src="http://doranobita.weebly.com/files/theme/NAME.png">

shaizor

08/10/2013 06:27

Thank You Very Much

SHAIZOR

08/10/2013 06:45

How to on Search Box on weebly for free Help !!

DDDproduktionen

08/10/2013 11:07

You can use google custom search.

http://health.proconview.com/kyle-leon-scam/ link

09/10/2013 22:30

Exciting blog post! I really enjoyed reading this content. You are a brilliant writer. I like your way of presentation. Keep it up.

shaizor

10/10/2013 08:08

Thank You Very Much dddproduktionen

shaizor

10/10/2013 08:14

how to make sliding text in weebly.com from left to right

DDDproduktionen

10/10/2013 11:52

With the html <marquee> tag.

<marquee behavior="scroll" direction="right">YOUR TEXT</marquee>

shaizor

10/10/2013 19:28

how to increase sliding text size and how to change color black to red

DDDproduktionen

11/10/2013 12:12

This is the html code with css (This will make your text bigger and change it to red):

<marquee class="marquee" behavior="scroll" direction="right">YOUR TEXT</marquee>

Add this code in the css:

.marquee{
color:red;
font-size:18px;
}

Davide

11/10/2013 15:50

When I try to hiddent the weebly logo and put a name, the grey space below increase and the text appear all on the left side, not in the place of the hidden weebly logo where I would like it to be.
I have this in my headers and landing:

</div>
<div id="footer-wrap">
<div id="page">
<div id="footer">{footer}</div>
</div>
</div>
</body>
</html>

DDDproduktionen

12/10/2013 06:18

This should work:

<div id="footer-wrap">
<div id="page">
<div id="footer">
This is the new footer.
<div style="visibility:hidden">
{footer}
</div>
</div>
</div>
</div>

Davide link

16/10/2013 03:00

Thank you very much

shaizor

13/10/2013 02:27

can you give me you'r footer code please. i want footer like you.

shaizor

16/10/2013 02:40

can you give me you'r footer code please. i want footer like you.

Bhai

19/10/2013 23:23

Hello can you give me you'r footer code please. i want footer like you. please !!! Help!!

FGR link

27/10/2013 04:58

Hi i am FGR about the footer how did you add DDDPO INFO FOLLOW US POPULAR POSTS

FGR link

27/10/2013 05:01

Never Mind i am acting dumb

click the next page link

01/11/2013 22:07

This is a great discovery. It will help us write history.

marsel

15/11/2013 02:44

Thanks bro , you are the best

media web desgning link

18/11/2013 01:57

not worked for me. that was for old . now they have changed .

02/01/2014 14:49

Could I get kicked off Weebly for this?

DDDproduktionen

03/01/2014 08:13

I don't think so.

Mohamed Haribullah link

04/01/2014 07:00

Hi DDDproduktionen.. Thanks for your help...
I found that we can hide mobile site footer.. by adding this code to footer setting from SEO setting

Code:
<style>

.wsite-footer-vertical

{

display: none;

visibility: hidden;

}

.wsite-app-callout

{

display: none;

visibility: hidden;

}

</style>

Madelon link

03/02/2014 06:56

I tried this, but it doesn't work. Well not for me anyhow. Do you, or does anybody have a solucion to remove the mobile footer of Weebly?

DDDproduktionen

03/02/2014 09:13

You can add the code in the css.

.wsite-footer-vertical{
display: none;
visibility: hidden;
}

.wsite-app-callout{
display: none;
visibility: hidden;
}

Spencer link

06/01/2014 10:35

Hi DDDproduktionen,

I'm helping a friend edit their site and why I tried to remove the footer, I didn't know how to edit the following code(BTW,this is the end part of the code(the Short Header)) :

<div id="content">{content}</div>
<div id="footer">{footer}</div>
</div>
</div>
</body>
</html>

Not sure what to do.What do I do?? My friend has the theme that has the big sunflower as the cover photo.

Thank for the help!!!

DDDproduktionen

17/01/2014 06:49

<div id="footer">
<div style="visibility:hidden">
footer}</div></div></div></div>

SHAIZOR YAR KHAN link

10/01/2014 00:50

i want increase the size of footer and how place the footer to left side please Help

DDDproduktionen

17/01/2014 06:43

You can change that in the css. (font-size & text-align).

11/01/2014 13:21

How do I position the text in the footer so that it isn't just all to the left? I want it to be like your footer. I tried to use the <column> tag but that put scroll bars next to the columns.

DDDproduktionen

17/01/2014 06:56

I use a class that specifies the width of a colum and some list styles.

17/01/2014 17:12

How would I do that?

DDDproduktionen

18/01/2014 05:39

I've tried to make a post about it, but I can't explain it properly (because you need to understand css and html).

Basically it looks like this: http://stackoverflow.com/questions/18797724/4-column-css-footer-that-is-responsive

You still have to adapt the code to your needs.

26/01/2014 17:41

Dude, thank you so much! It worked so well. Thank you, thank you, thank you!

Patricia link

21/01/2014 00:50

Hi all,
I've been reading all the posts up there, you guys are pretty helpful. well I've problem in my weebly's "edit htm/css" editor. First of all when i click on it all I get is a blank black area with no coding, and there are options on the left side which are like this
CSS
main-style.css

Page Layouts
Add new layout

Files
Add new file(s)

Thats all I get, there's no index.html or any other option.
And when I click "add new layout" a new window opens which give me 5 options
1.Standard Page (tall header image)
2.Standard Page (short header image)
3.Standard Page (no header image)
4.Landing Page
5.Splash Page

When I click either of these options and click continue and then I choose the page layout then when I hit the save button below, then nothing happens.

Well I explained it all, that's situation here.

Now please you guys specially DDDproduktionen help me to remove the weebly ad from my free weebly site. PLease advice me what to do and be in touch after in case I reply you back.

I'll be so so thankful to you :)

DDDproduktionen

22/01/2014 06:44

Strange. I haven't seen it before. It could be a temporary problem due to an update. Does this happen with every theme?

Madelon link

03/02/2014 10:28

Hello DDDProduktionen,

Thank you for your reply. I added the code in the CSS, but it doesn't work. I also have a flexible footer in place, so perhaps that has something to do with it?? Or I didn't put the code in the right place. Perhaps you can have a look at it. Thank you very much!!

#flexifooter{
margin:0pt auto;
width: 966px;
height: 66px;
color: #888800;
font-size: 15px;
background: url(footer2.png)repeat-x center;
text-align: center;
padding: 28px 0px 20px 0px;
}

.wsite-footer-vertical{
display: none;
visibility: hidden;
}

.wsite-app-callout{
display: none;
visibility: hidden;
}

#footer {}

#footer-wrap .wsite-form-container {
text-align:left;
margin-top:0 !important;
}

#footer-wrap .content-top {
visibility: hidden;
background: url(content-bg-top.png) no-repeat center top;
width: 976px;
margin:0 auto;
padding-top:15px;
}
#footer-wrap .content-repeat {
background: url(content-bg.png) repeat-y center top;
width: 976px;
padding-top:20px;
padding-bottom:15px;
}

#footer-wrap h2 {font-size:19px;}

DDDproduktionen

04/02/2014 07:31

It could be because of you flexifooter. Anyway, I tried it again and this one seems to work. You will have to add this code in the footer code under SEO.

<style type="text/css">

.wsite-footer-vertical

{

display: none;

visibility: hidden;

}

.wsite-app-callout

{

display: none;

visibility: hidden;

}

</style>

I hope this works.

SC link

05/02/2014 11:08

Dude, thanks!

Skrapan

24/02/2014 09:46

Hey, I'm having a hard time getting rid of my footer, I'm pretty sure it is a newer theme. Tried both of your codes and also tried to add the invisivilty line. Nothing seems to work for me.

This is the footer code I have on my theme, could you please edit it in the correct way?

<div id="footer-wrap">
<div id="footer-inner-wrap">
<div class="container">
{footer}
</div>
</div>
</div>

DDDproduktionen

27/02/2014 08:43

<div id="footer-wrap">
<div id="footer-inner-wrap">
<div class="container">
<div style="visibility:hidden">
{footer}
</div>
</div>
</div>

Jap14

26/02/2014 07:14

Thanks dddproduktionen,
I am very thankful to you............ :D

Jap14

05/03/2014 07:39

Hi, plz tell me how to add footer like in your site..........

05/03/2014 11:55

He gave me this link and I used it and it worked perfectly:

http://stackoverflow.com/questions/18797724/4-column-css-footer-that-is-responsive

Use the original HTML that the guy who asked the question used and use the CSS from the second response. That one worked the best for me.

Jap14

05/03/2014 19:48

Thanks Elliot Davidson