Hiding Widget Areas on Rosalie

• 

  tandemtrekking · Member · Feb 20, 2017 at 8:12 pm

  • Copy link
  • Add topic to favorites

  Hi, I am using Rosalie and hoping there is a way to hide the side widget area while viewing posts. To be more specific, when you view a post in the side bar area on the right a bunch of widgets show up (they are on the main page as well). I like them on the main page but on the post pages I would like to just see the post spanning the entire page. Is there a way to accomplish this? I am a complete CSS noob…

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

• 

  nizamilputra · Member · Feb 21, 2017 at 7:30 am

  • Copy link

  Hi @tandemtrekking,

  Yes, there is. Just copy and paste this css code:

  .single #secondary{
    display: none;
  }
  //code below to center the post area
  .single #primary{
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  If you want to do the same for page like https://tandemtrekking.com/patreon/ just add and change .single into .page

  .page #secondary{
    display: none;
  }
  //code below to center the post area
  .page #primary{
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

• 

  kathrynwp · Staff · Feb 21, 2017 at 9:35 pm

  • Copy link

  Thanks for helping out, nizamilputra!

  tandemtrekking – are you all set?

• 

  nizamilputra · Member · Feb 22, 2017 at 2:39 am

  • Copy link

  You are welcome, Kathryn!

• 

  kathrynwp · Staff · Feb 22, 2017 at 2:42 pm

  • Copy link

  One small thing – I just noticed that the code comments above aren’t in CSS format. If you want to include the comments in your CSS editor you’ll need to use this format, otherwise the rest of the code won’t work properly.

  /* code below to center the post area */

• 

  nizamilputra · Member · Feb 23, 2017 at 2:32 am

  • Copy link

  Ah, you are right! I’m sorry. I forgot that unlike SCSS, CSS doesn’t allow comment with “//”.

• 

  kathrynwp · Staff · Feb 23, 2017 at 2:08 pm

  • Copy link

  Rizqi – No worries!

  tandemtrekking – let us know how you get along.