There are two ways to remove your footer:
the first way is very simple,but it may don't work if your has any blog page!
the second way is a bit difficult,but it may effect your images on your site!
Hacking through First Way:
first of all open your site editor
then click to "Design"
click to "Edit HTML/CSS"
click on "main_style.css",in "ASSETS"
now look at the html codes(in black box)
now scoll down in this black box
you'll see something like this at NEAR the line.no.514 (it may be a bit different depending upon your theme):
#footer-wrap {
background:#242424;
padding:50px 0;
color:#eee;
float:left;
}
now enter another line at the end BEFORE }
and type following code:
visibility:hidden;
after adding the code it'll be alike:
#footer-wrap {
background:#242424;
padding:50px 0;
color:#eee;
float:left;
visibility:hidden;
}
now click to "Save" (at the top-right of the page)
publish your site again and check it out!!
Hacking through Second Way:
open your site editor
go to "Design"
click to "Edit HTML/CSS"
in "Header Type",click to any type of page (e.g. tall-header,no-header,splash etc) whose footer you want to remove
now look at black box
search for "footer" in black box
(for this purpose first click anywhere in that box,then press "Ctrl" + "F" a small search box'll appear at the top-right,then you can search here)
after searching you'll see something like this (it may be different depending upon your theme):
<div id="footer">
<div id="footer-content">{footer}</div>
enter another line between content"> and {footer}</div>
type following code on that line:
<div style="visibility:hidden">
after adding code it'll be alike:
<div id="footer">
<div id="footer-content">
<div style="visibility:hidden">
{footer}</div>
now click on "Save"
publish your site again!
and it'll work!
oh! i forgot a thing that some people have problems because of new themes;new themes use wrappers such as:
<div id="footer-wrap">
<div class="container">
{footer}
</div><!-- end container -->
</div><!-- end footer-wrap -->
then instead of using previous code use this code:
<div id="footer-wrap">
<div class="container">
<div style="visibility:hidden">
{footer}
</div><!-- end container -->
</div><!-- end footer-wrap -->
now click on the save
enjoy..:)
the first way is very simple,but it may don't work if your has any blog page!
the second way is a bit difficult,but it may effect your images on your site!
Hacking through First Way:
first of all open your site editor
then click to "Design"
click to "Edit HTML/CSS"
click on "main_style.css",in "ASSETS"
now look at the html codes(in black box)
now scoll down in this black box
you'll see something like this at NEAR the line.no.514 (it may be a bit different depending upon your theme):
#footer-wrap {
background:#242424;
padding:50px 0;
color:#eee;
float:left;
}
now enter another line at the end BEFORE }
and type following code:
visibility:hidden;
after adding the code it'll be alike:
#footer-wrap {
background:#242424;
padding:50px 0;
color:#eee;
float:left;
visibility:hidden;
}
now click to "Save" (at the top-right of the page)
publish your site again and check it out!!
Hacking through Second Way:
open your site editor
go to "Design"
click to "Edit HTML/CSS"
in "Header Type",click to any type of page (e.g. tall-header,no-header,splash etc) whose footer you want to remove
now look at black box
search for "footer" in black box
(for this purpose first click anywhere in that box,then press "Ctrl" + "F" a small search box'll appear at the top-right,then you can search here)
after searching you'll see something like this (it may be different depending upon your theme):
<div id="footer">
<div id="footer-content">{footer}</div>
enter another line between content"> and {footer}</div>
type following code on that line:
<div style="visibility:hidden">
after adding code it'll be alike:
<div id="footer">
<div id="footer-content">
<div style="visibility:hidden">
{footer}</div>
now click on "Save"
publish your site again!
and it'll work!
oh! i forgot a thing that some people have problems because of new themes;new themes use wrappers such as:
<div id="footer-wrap">
<div class="container">
{footer}
</div><!-- end container -->
</div><!-- end footer-wrap -->
then instead of using previous code use this code:
<div id="footer-wrap">
<div class="container">
<div style="visibility:hidden">
{footer}
</div><!-- end container -->
</div><!-- end footer-wrap -->
now click on the save
enjoy..:)