Remove Sidebar and make posts full width

• 

  littletreasuresoflifeblog · Member · Sep 8, 2016 at 6:49 pm

  • Copy link
  • Add topic to favorites

  Hi There!

  Request your help with my blog where I want to remove the sidebar and continue using the current theme. I do mostly photography posts so want to make the posts full width for better clarity.

  I am using the Premium plan so I can update CSS, please help!

  Thanks for the help!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 9, 2016 at 2:18 am

  • Copy link

  Hi there, for static pages, such as Food, Health, Life, etc., open those pages in the page editor and under Page Attributes select “Full Width Page” from the Page Template dropdown and save. Then add the following CSS.

  .single #secondary .page:not(.home) #secondary {
      display: none;
  }
  .single .content-area .page:not(.home) #secondary {
      width: 100%;
  }

  Then in the Media Width field below the CSS entry area, put 1070 and save. See what you think with that.

• 

  littletreasuresoflifeblog · Member · Sep 9, 2016 at 10:18 am

  • Copy link

  Thanks for the reply however that’s not what I am looking for. I want to make the posts full width whereas for the static pages, I am ok with having the sidebar.

  Can you please help with making the posts full width?
  Sample post link: https://littletreasuresoflife.in/2016/08/30/white-romper/

  Thanks!

• 

  siobhyb · Member · Sep 9, 2016 at 2:42 pm

  • Copy link

  Thank you for clarifying!

  You could hide the sidebar on posts only, not pages, by targetting .single-post in your custom CSS. Like so:

  .single-post #secondary {
      display: none;
  }
  
  .single-post .content-area {
      width: 100%;
  }

  Give that a try and let us know how you get on. :)

• 

  littletreasuresoflifeblog · Member · Sep 10, 2016 at 8:11 am

  • Copy link

  Wow! This worked! :) Thank you soooo much Siobyb :) You are awesome! Just made my day! Woohoo!