Docs

[Noellemena]

Hey! Have not asked a question for while! 🙂
Ok, so on my client’s site http://danielledonaldson.com/ I want to hide all of the footer widgets (leaving the footer itself though) on all pages except the Blog and Blog Posts. (archives too etc)

I have CSS to remove per page, post ID but will drive me crazy. I want to go the opposite and just ONLY show on the Blog and Blog posts.

This would be perfect 🙂
Thanks!
Noelle

[Lely]

Hello Noelle,

Please use the following CSS:

.x-colophon.top {
    display:none; /*Hide footer widget for the entire site*/
}
.blog .x-colophon.top,
.single-post .x-colophon.top {
    display:none; /* Override above CSS and display this footer widgets on blog index page and single post page*/
}

Hope this helps.

[Noellemena]

Thank you so much, it works for hiding site-wide, but I cannot get it to show on blog posts.
http://danielledonaldson.com/e-excellent-starts-exciting-book-projects/

Thoughts??
THANKS! Noelle

[Paul R]

Hi Noelle,

Kindly replace the code with this.

.x-colophon.top {
    display:none; /*Hide footer widget for the entire site*/
}
.blog .x-colophon.top,
.single-post .x-colophon.top {
    display:block; /* Override above CSS and display this footer widgets on blog index page and single post page*/
}

Hope that helps.

[Rupok]

Hi Noelle,

Thanks for writing back. There was a small glitch on the suggested code as the second block should say display: block;. Kindly update the code to following :

.x-colophon.top {
    display:none; /*Hide footer widget for the entire site*/
}
.blog .x-colophon.top,
.single-post .x-colophon.top {
    display:block; /* Override above CSS and display this footer widgets on blog index page and single post page*/
}

Cheers!

[Noellemena]

Excellent, Thank you, this did it 🙂

[Christopher]

You’re welcome.

[Author]

Posts