How to easily remove sidebar on one page

I’m with you. I have but one page on my site and would like it Not to have a sidebar with Archives and Meta as well as to remove the Leave a Reply section on the bottom.

https://illinoisladylightning.com/wp/sample-page/

Jon

Shockingly I justr received an email from someone wanting to give me the answer FOR A FEE!

Is that the community spirit I can expect from this forum?

Wow lol. I know it’s an easy fix, but I cannot remember how to do it.

lol….NEVER, I REPEAT NEVER pay someone from the forums to help you. It’s against forum rules to offer help for a fee.

WordPress is a beautiful eco-system full of beginners and seasoned veterans. ALL willing to help out one another for FREE.

If they aren’t then they don’t embody the WordPress spirit, and they don’t deserve to be apart of the community. I’d love to know who that was so I can get them banned from the forums.

Now, let me help you for free…

Using Pure CSS you can target that specific page. If you check the inspector you will see that the body element has a class page-id-23. This is the PAGE ID that is associated with this specific page.

We can use this class, to target this specific page.

So using some CSS code like this, will get the job done.

.page-id-23 #primary {
  display:none !important;
}

That will hide the primary sidebar ONLY on the page with ID 23.

I hope this helps you understand page specific classes within WordPress, and helps you in future endeavors.

Just don’t pay people to help you on these forums. This is a place of learning, not generating revenue.

Thanks so much, but where exactly do i put it? I know nothing about this stuff. I do know how to use the editor etc, but not good with placement.

jonjvaughn,

Your code would be as follows:

.page-id-2 #primary, .page-id-2 #comments {
  display:none;
}

Hopefully this finds!

Stupid Louie,

I’m not sure what theme your using, but if you go to ‘Appearance > Edit CSS’ (if its there for you) you can just drop it in there.

If not you’ll have to edit your style.css file via FTP, or download a custom CSS plugin (I have used this in the past, with great results). Once installed you can add it into that section and it will over write the default theme settings.

I can just drop it anywhere in the CSS edit? I do have that.

Yea you can drop it anywhere into the CSS section. This will override the default theme settings, as the CSS file is loaded AFTER the theme style.

.page-id-2 #primary, .page-id-2 #comments {
display:none;
}

I dropped that in at the end of CSS and nothing happened… I wonder why?

Thanks, I’ll look at the solution but never a fee which is why I came here to blow the cyber whistle. I’d report the person if i knew where because, as I said, I was shocked! Shocked I tell you!

Stupid louie that was jonjvaughn’s code. Your’s should be:

.page-id-23 #primary {
  display:none !important;
}

Still nothing. I know I’m putting it in the right place. Here’s what the end of my CSS looks like:
}
#footer-widget-area .w1, #footer-widget-area .w2, #footer-widget-area .w3 {
float: left;
width:305px;
}
#footer-widget-area .w1{
margin: 0 10px;
}
#footer-widget-area .w2{
margin: 0 12px 0 2px;
}
#footer-widget-area .w3{
margin: 0 0px;
}

.page-id-23 #primary {
display:none !important;
}

every few minutes I try and check your site, I hit a 404 error.

I’m not able to see what has happened.

That’s weird. I wonder why. I can access it just fine in FF and ie

https://stupidlouie.com/