Disable the sidebar on posts (not from the homepage)

• 

  humancapitaliser · Member · Dec 28, 2016 at 10:19 am

  • Copy link
  • Add topic to favorites

  I want the sidebar to be automatically hidden on posts

  I have tested this CSS (.sidebar {
  float: right;
  padding: 50px 0 50px 3.75%;
  width: 28,5%;
  display: none;
  }
  but it doesn’t work ; it only hide the widget but the sidebar is still there

  thanks

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

• 

  eallas · Member · Dec 28, 2016 at 1:51 pm

  • Copy link

  Howdy humancapitaliser!

  Try this out!

  .sidebar {
      float: 0;
      padding: 0;
      width: 0;
  }

  If that doesn’t work, could you also try:

  .sidebar {
      float: 0;
      padding: 0;
      width: 0;
  }
  
  .sidebar #home{
      float: right;
      padding: 50px 0 50px 3.75%;
      width: 28.5%;
  }

• 

  eallas · Member · Dec 28, 2016 at 1:57 pm

  • Copy link

  After more testing, this should be the code that works:

  .sidebar {
      float: 0;
      padding: 0;
      width: 0;
  }
  
  .home .sidebar{
      float: right;
      padding: 50px 0 50px 3.75%;
      width: 28.5%;
  }

• 

  humancapitaliser · Member · Dec 28, 2016 at 2:18 pm

  • Copy link

  Hello

  thanks for your help

  unfortunately, it doesn’t work :(

  the slidebar remains as is on the homepage (which is good) but on the post page, the effect of the new CSS only pushes the widgets onto the right. my theme is rowling if it can help

• 

  eallas · Member · Dec 28, 2016 at 2:30 pm

  • Copy link

  Oh I see what you mean now!

  Worked on it more and I think this could work. It’s long so let’s hope it works lol

  .sidebar {
      float: right;
      padding: 50px 0 50px 3.75%;
      width: 28.5%;
      display: none;
  }
  
  .wrapper::after {
      background: #FFFFFF;
      border-left: 0;
  }
  
  .content::before {
      position: relative;
  }
  .content {
      width: 100%;
  }
  
  .home .sidebar{
      float: right;
      padding: 50px 0 50px 3.75%;
      width: 28.5%;
  }