Remove ethos stack from pages


The Ethos carousel is on my homepage (which is not my blog page) and works well, but I don’t want it on many of my other pages. How do I remove it from other pages – yet keep it on a few, such as my homepage. My blog page, interestingly does not show the carousel, which is good and is how I want it to look.


Hello @erichomeboy,

Thanks for asking. :slight_smile:

You can add following CSS to hide Ethos slider other then home page:

.x-post-carousel.unstyled {display: none;}

.home .x-post-carousel.unstyled{display: block;}


Worked like a charm. Thanks @Prasant!

You’re welcome!
Thanks for letting us know that it has worked for you.

Is there a way hide this only on a single page?


Yes, you can add the page id.


.page-id-37 .x-post-carousel.unstyled {display: none;}

You can refer to the link below for your guide on how to locate your page id

Hope that helps