Remove Top Posts on Ethos

Hi,

I’m using the Ethos stack and I want to make a new page without the top posts at the top. Please see https://imgur.com/HzXSnxU to understand what I mean.

The reason for this is that I don’t want users to click-off this particular page. I tried doing it by using the “no container, no header” option, but that removed the nav bar as well, which wasn’t my intention.

I hope this is possible.

Cheers.

Hello Mark,

Thanks for writing in!

For that you can use WordPress page Id feature. Please add following CSS under X > Theme Options > CSS:

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

Replace Id 312 with the page id on which you don’t want the carousel to show up.

To find out page id, please take a look at following resource.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

1 Like

Thanks, that worked!

Is there also a way to remove the “recent posts” section from the bottom, without completely removing the footer? The below screenshot is the part I mean.

Hello Mark,

Thanks for updating the thread. :slight_smile:

Yes, that can be removed from Appearance > Widgets

Thanks.

Thanks for the fast reply.

Sorry, I should have specified that I only want to remove that section from this particular page. Is that possible?

Hey Mark,

Yes you can do this with CSS as well. Try adding the following code in the Theme Options > CSS:

.page-id-312 .widget_recent_entries {
    display: none;
}

Replace id 312 with the actual page ID. Hope this helps!

1 Like

This is perfect, thank you so much!

You’re welcome!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.