How to remove footer widgets from all pages except main home page?

[michaellanfield]

Hi.

My friend and I are creating a site at https://www.thosecrazyvegans.net and need help with the footer widgets. There are three columns for the widgets and each of them has a line above which we would like removed. How to do this? Also, we would like to know how to implement the footer widgets for the home (main) page only, and to remove the footer widget from every other page. How is this possible? Thank you.

[ichibanj]

The Jetpack plugin has a cool feature called ‘Widget visibility’ that allows you to determine which pages plugins should appear on. https://jetpack.com/support/widget-visibility/

[michaellanfield]

Hi and thank you for the quick reply. Is there a way to do this without a plugin as I already have too many installed? I also found out from a few people that Jetpack plugin is pretty heavy and it also caused issues with my site.

[michaellanfield]

I figured how to remove the lines above the columns, how to do the rest? See main post. Thanks.

[thai]

Hi There,

To remove the footer widget on the other pages, please add the following CSS under Customizer > Custom > Global CSS:

body:not(.home) .x-colophon.top {
    display: none !important;
}

Hope it helps

[michaellanfield]

Thank you Thai, it worked.

[thai]

You’re welcome.