Docs

[AnnaKuhl]

Hi there

I was wondering if there is a way to enable the footer widget area only on the blog page (and all posts), but not on any other page of the website?

I thought maybe you could do it with an X sidebar that’s only visible on the blog page and posts, but the widget area is still visible on the other pages so it doesn’t look right.

Site is Workable Wellness (although there’s nothing specific to see on there about this topic).

Any help would be greatly appreciated.

Cheers!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

body:not(.blog) footer.x-colophon.bottom, body:not(.single-post) footer.x-colophon.bottom {
    display: none;
}

Hope that helps.

[AnnaKuhl]

That code removed my footer, not my footer widget area. And it removed it on every page including the blog page and posts pages.

Is there another way to do this?

I’ve activated the footer widget area on the site (contains the blog categories at the moment), so you can see which area I only want visible on blog page and posts.

Thanks in advance for any help. 🙂

Cheers!

[Rupok]

Hi there,

Sorry for the confusion. Let’s update the code a bit :

body:not(.blog) footer.x-colophon.top, body:not(.single-post) footer.x-colophon.top {
    display: none;
}

Cheers!

[AnnaKuhl]

That code did remove the footer widget area (yay!), but it’s been removed from all pages and posts.

Any other suggestions? I do appreciate the help.

Cheers!

[Christopher]

Hi there,

There is a missing curly bracket in your code. Please find following code and fix it :

.x-subscribe-form .x-subscribe-form-alert-wrap {
  margin-top: 1.25em;
  font-size: inherit;

Hope it helps.

[AnnaKuhl]

Sorry to be a pain, but where is the curly bracket missing from? I copy and pasted Rupok’s code (and Christopher’s from before) exactly as it was? I also don’t have any custom CSS in relation to the subscribe form, so what is the code above for? It doesn’t do anything to solve the footer widget area issue?

[Thai]

Hi There,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / Password

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[AnnaKuhl]

This reply has been marked as private.

[Paul R]

Hi,

Please change this code

body:not(.blog) footer.x-colophon.top, body:not(.single-post) footer.x-colophon.top {
    display: none;
}

to this

body .x-colophon.top {
    display:none;
}

.blog .x-colophon.top,
.single-post .x-colophon.top {
    display:block !important;
}

Hope that helps.

[AnnaKuhl]

Oh my God, Paul – that freaking worked! I know you can’t see it, but my smile is pretty massive!

Thank you for all your help everyone. 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts