Recent posts in show case templateof Twenty Eleven theme

radtrad · Member · May 17, 2020 at 12:24 pm
Copy link

Add topic to favorites
I love the Twenty Eleven theme, especially when used as a website with the show case template tool. But if I have more than one page with this template and don’t want recent posts to appear on one of them, which CSS code should I use?

The blog I need help with is: (visible only to logged in users)
radtrad · Member · May 17, 2020 at 4:14 pm
Copy link
I know I can use this for all the pages:

.recent-posts { display: none; }

but I want to a specific page.
staff-zinnia · Staff · May 17, 2020 at 7:45 pm
Copy link
You would use the page id in the CSS that you are working with. Write back if you need more help.
radtrad · Member · May 18, 2020 at 1:10 am
Copy link
How can I put the page id in the CSS? Can you give me an example?
staff-mckluskey · Staff · May 18, 2020 at 9:03 am
Copy link
Sure, if you use the inspector, you will see the ID of the page there. If you can give us a link to the particular page, we can have a look and help you out with the code.

Also, remember that with your plan you can access Live Chat directly via https://wordpress.com/help/contact. That way you can get help faster.
radtrad · Member · May 18, 2020 at 9:25 am
Copy link
Thanks.

I use the forum because my question may be someone else’s.

This page:

Fórum

I do not want the sidebar, the featured posts and the recent posts.
supernovia · Staff · May 18, 2020 at 5:07 pm
Copy link
Thank you. I used Inspect Element to view the page, and found this near the top

<body class="page-template page-template-showcase page-template-showcase-php page page-id-8089 logged-in admin-bar no-customize-support custom-background wp-embed-responsive customizer-styles-applied two-column right-sidebar highlander-enabled highlander-light theme-menu-maximized">

From it you can find the Page ID is page-id-8089

So you can use this CSS to hide recent posts just on that page:

.page-id-8089 .recent-posts { display: none; }

For the sidebar, you can either hide it in a similar way, or use Widget Visibility to hide all sidebar widgets from that page:
https://wordpress.com/support/widgets/#widget-visibility

Let us know if you need more help with this!
radtrad · Member · May 18, 2020 at 5:52 pm
Copy link
I tried the widget visibility, but it automatically placed the ephemera widget. Then I tried this code:

.page-id-8089 .sidebar { display: none; }

and nothing happened
radtrad · Member · May 18, 2020 at 5:54 pm
Copy link
I managed to hide the featured posts!
radtrad · Member · May 19, 2020 at 1:01 am
Copy link
But not the sidebar.
radtrad · Member · May 19, 2020 at 2:22 am
Copy link
I did using this code:
```
.page-id-8089 .widget_twentyeleven_ephemera {
	display: none;
}
```
radtrad · Member · May 19, 2020 at 2:38 am
Copy link
Finally, I used this:
```
.page-id-8089 .intro {background: #ffffff;
}
```
Now the page is perfect for my project: at the end of the year I want to upgrade to the businees plan, and install a forum plugin (Asgaros) on it.

No items found.