Hi,
I have put some widgets on the footer bar (Footer1, Footer2, Footer3). I don’t want these Footer bars to appear on the homepage. I only want them to appear elsewhere such single post, pages etc.
How can I do it with the help of some CSS or any other way?
Hi,
Maybe they could be removed with CSS only for the homepage. The same footer and it’s content will be displayed in the whole website, a setting to specify exceptions does not exist.
There is an empty page template that can be used for pages, this will not display the footer for the page where it is used, but that will not show the header as well.
A code like this will hide the whole footer only on the homepage for example
– https://www.screencast.com/t/4s1avfKH6v
.home .td-footer-wrapper {
display: none;
}
Hi,
Actually, i am talking about this widget area on the homepage as shown here; http://prntscr.com/kaxbb3
Hi,
If you wouldn’t have replied again in the topic, I would have replied much sooner. We answer from oldest to newest, so if a new message is posted this will refresh the topic date.
So you want those widgets to not display in the homepage. Do you any other widgets besides those ones in the footer?
If you do not then you could hide the whole footer, with the code I provided above. That code will hide the footer on the homepage.
If that is not a solution, please explain it better and I will modify the code.
Hello, Thank you. Please see this screenshot http://prntscr.com/kbkerk
I hope it will help you understand my query.
Hello,
Please provide your website URL so I can take a closer look at your footer section from your homepage. This area should be visible for all of your pages! You can check our demo preview to check what your website should works.
Thanks for your understanding!
Hi,
My site is http://www.morenews.pk. I am here talking about the widgets in the footer area. The bottom footer bar where privacy policy, contact and about us are mentioned should be available for all the pages.
Hello mjehangir,
I guess that you are referring to the sub-footer. If you want to hide that section from all pages, try using the code below and place it in Theme panel -> Custom CSS area.
.td-sub-footer-container{
display:none!important;
}
Thanks for your understanding!
Hi,
Thanks but the above code removed the bottom footer bar. Instead i need to hide the widgets (as encircled) in the screenshot http://prntscr.com/kd613d.
I only want to hide them on the home page.
Hello mjehangir,
Try to use the code below and place it in Theme panel -> custom CSS area.
.home .td-footer-wrapper .td_block_template_3{
display:none;
}
The result is here -> https://www.screencast.com/t/9Ul5xx236Bx
Thanks.