Removing side bar widget are completely

• 

  filipe75 · Member · Apr 11, 2014 at 10:28 am

  • Copy link
  • Add topic to favorites

  Hello. I´m doing a Lens theme blog. But i want to remove side bar from all my posts. I tried to put a blank text widget in my widget sidebar but didn’t work. I would like that the side bar disappear completely, like if it was just one column post, with full width. My english is not very good, but i hope you understand and can help me

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

• 

  jeremeylduvall · Member · Apr 14, 2014 at 6:00 pm

  • Copy link

  Hi Filipe,

  Your best option will be to just remove all sidebar widgets from your sidebar. That will still leave a widget that looks like this:

  https://cloudup.com/c_WDdgm-d55 (right-hand side)

  That is the post meta information (author, categories, tags, etc), and it is unable to be removed on the Lens theme by default. You could remove it via CSS using the following code:

  div.postinfo {
  	display: none;
  }

  Just input that in Appearance -> Customize -> CSS. This will not increase the width of the text page however. Would that work for what you’re looking for?

• 

  filipe75 · Member · Apr 15, 2014 at 8:37 am

  • Copy link

  Hello Jeremey.
  Thank you very much. It did help something. Now I don´t have any widget in the sidebar but did not increase the width of the post pages. If you see this example that wordpress give us of nice blogs using the lens theme http://lightcandy.org you can see that in this one that i send you the width of the page increase. Can i also do this?

  Thank you.

• 

  jeremeylduvall · Member · Apr 15, 2014 at 4:45 pm

  • Copy link

  Hi Filipe,

  I’m sorry! That’s completely my oversight. The site you mentioned is using the following CSS to center the text and remove the sidebar:

  body.single .col-sidebar {
  	display: none;
  }
  
  body.single .main {
  	width: 100%;
  }

  You can enter that in the CSS area and have the same appearance as the blog you mention! If you’re curious, they also use the following CSS to expand the header image to fill the screen width:

  a#header-image img {
  	width: 100%;
  	height: auto;
  }

  Let me know if you need anything else!

• 

  filipe75 · Member · Apr 16, 2014 at 8:10 am

  • Copy link

  Hello Jeremey. Thank you so much for everything. It really help me.

• 

  jeremeylduvall · Member · Apr 16, 2014 at 3:04 pm

  • Copy link

  Great to hear! Let me know if you need anything else.