Remove sidebar from blog page

Support Area Forums Responsive Visual Remove sidebar from blog page

This topic contains 2 replies, has 2 voices, and was last updated by  LeanneKingwell 1 year, 12 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://workingoffline
  • Author
    Posts
  • #31488

    LeanneKingwell
    Participant

    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

    #31503

    Bill Robbins
    Keymaster

    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

    #31525

    LeanneKingwell
    Participant

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

    Leanne

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Remove sidebar from blog page’ is closed to new replies.