Remove sidebar from blog page

[LeanneKingwell]

Hi Bill,

I would like to remove the sidebar from my News/Blog post page’s so that all my news items are shown full width.

Is there a way to do this please?

Many thanks,
Leanne

[Bill Robbins]

Hey Leanne,

You can do that. WordPress will ignore the page template we choose with the blog so we’ll have to do this with CSS this way:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   .blog #content,
   .home #content {
   	width: 100%;
   	-moz-box-sizing: border-box; 
   	-webkit-box-sizing: border-box; 
   	box-sizing: border-box; 
   }
   
   .blog #sidebar,
   .home #sidebar {
   	display: none;
   }
   

3. Update your settings.

If you want to make every post and page be full width you’d use this instead:

#content {
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

#sidebar {
	display: none;
}

Have a great week,
Bill

[LeanneKingwell]

Perfect!
Thank you Bill 🙂
Have a wonderful week yourself!

Leanne

[Author]

Posts