WordPress.com Forums » Topic: Removing Sidebar from specific pages with CSS http://en.forums.wordpress.com/topic/removing-sidebar-from-specific-pages-with-css WordPress.com Forums » Topic: Removing Sidebar from specific pages with CSS en Thu, 23 May 2013 10:13:00 +0000 http://bbpress.org/?v=1.1-alpha-2539 houstonweaver on "Removing Sidebar from specific pages with CSS" http://en.forums.wordpress.com/topic/removing-sidebar-from-specific-pages-with-css#post-1068194 Tue, 13 Nov 2012 19:37:07 +0000 houstonweaver 1068194@http://en.forums.wordpress.com/ Does .blog work for your Latest page?

]]> themoustachefactory on "Removing Sidebar from specific pages with CSS" http://en.forums.wordpress.com/topic/removing-sidebar-from-specific-pages-with-css#post-1067018 Mon, 12 Nov 2012 14:58:44 +0000 themoustachefactory 1067018@http://en.forums.wordpress.com/ Oh I have managed to work it out on all pages but 'Latest' - for the life of me I can't find the Id!

Thanks

]]> themoustachefactory on "Removing Sidebar from specific pages with CSS" http://en.forums.wordpress.com/topic/removing-sidebar-from-specific-pages-with-css#post-1066339 Sun, 11 Nov 2012 14:49:00 +0000 themoustachefactory 1066339@http://en.forums.wordpress.com/ Thanks so much! It works! I've applied it to the page that you suggested and I have tried to do it on another page but I'm not sure I understand which is the page-id? If you look at the homepage of my site... which one would it be?

For example, I thought that the page id for 'The Red Bus Sessions' page was 254 as far as I can see but it doesn't seem to work...?

Thanks so much!

]]> designsimply on "Removing Sidebar from specific pages with CSS" http://en.forums.wordpress.com/topic/removing-sidebar-from-specific-pages-with-css#post-1066016 Sat, 10 Nov 2012 19:10:34 +0000 designsimply 1066016@http://en.forums.wordpress.com/ What you'll need to do is open the page where you would like to hide it and view the page source in your browser. Find the body tag and look at the classes. One of the classes will be unique and you can use that in y our CSS selector to target just that page.

For example, on this page:
http://themoustachefactory.com/people/

The body tag has a class called "page-id-222". So you can use this CSS to hide the sidebar and make the main content area wider for just that page:

.page-id-222 #secondary-content {
	display: none;
}

.page-id-222 #primary-content {
	width: 100%;
}

Note that you may need to adjust the width setting to whatever looks best to you.

]]> themoustachefactory on "Removing Sidebar from specific pages with CSS" http://en.forums.wordpress.com/topic/removing-sidebar-from-specific-pages-with-css#post-1056184 Wed, 31 Oct 2012 15:55:48 +0000 themoustachefactory 1056184@http://en.forums.wordpress.com/ How can I remove the sidebar with CSS from specific pages? I have worked out that I can make it completely invisible but unfortunately only for the whole site.

Thanks

]]>