How to hide ethos post carousel on a specific page

[Peter_Fae]

hey. I’ve created a landing page with a header yet no footer and an introduction slider. I’m using Ethos with the post carousel yet I’d like to hide the carousel on that specific page.

She’s a membership site, so the idea is that when members log in they get access to the posts in the carousel, etc. Going minimal.

Help?

example - intothemythica.com

[ruenel]

Hello Peter,

Thanks for writing in!

By default, the post carousel container is using x-post-carousel class. And also by default, the body of a WordPress site will use logged-in class. With a mix of css class and css selector where you can find it here: https://www.w3schools.com/cssref/css_selectors.asp, you can have something like this:

body:not('.logged-in') .x-post-carousel {
  display: none;
}

When a user is not logged in, the post carousel will not be visible.

You might find this helpful, please check out the following:
CSS Selector Reference
How to find the css selector in chrome

Hope this helps.

[Peter_Fae]

RueNei you are so so so awesome. You know, I have a section on my multisite which sends a thank you out to X-Theme, WPMUDEV, WPENGINE and a few others with the super-clarified people that really have helped me get my humanitarian project off the ground.

I’m going to try that. As I do, I ask kindly, what would be the code to show the carousel to non-logged in users yet to not show it on specific pages that I could choose?

(just for design options)

UPDATE - And … that code snippet didn’t work. Still seeing it on logged out status.

[friech]

Hi Peter,

Sorry about that, there is a typo on the CSS code. Please remove the single quotes on the code given.

body:not(.logged-in) .x-post-carousel {
  display: none;
}

And another thing, please add the missing closing bracket } on your last custom CSS added, next to that z-index:999;

• 

Else, anything under that will not work.

Cheers!