Rowling Theme – is there any custom CSS for full width page?

• 

  ewinggreenteam · Member · Oct 15, 2016 at 4:02 pm

  • Copy link
  • Add topic to favorites

  I like the grid display and Rowling and the 2 menu option, however, I need, on occasion, and not on every page, a full-width page display (removing the right sidebar). Is there any custom CSS out there that will do this?
  Many thanks.

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

• 

  ewinggreenteam · Member · Oct 15, 2016 at 4:05 pm

  • Copy link

  BTW, I have not moved my site over yet: I am still checking options.

• 

  siobhyb · Member · Oct 17, 2016 at 3:53 pm

  • Copy link

  Hi @ewinggreenteam,

  You could target a single page based on its ID and make it full width. For example, the following custom CSS would hide the sidebar on a page with an ID of 30:

  .page-id-30 .sidebar {
      display: none;
  }
  
  .page-id-30 .wrapper:after {
      background: #fff;
      border-left: none;
  }
  
  .page-id-30 body {
      background: #fff;
  }

  The above would hide the sidebar on the page but you’d still need to tweak the main content of the page so that it takes up 100% of the available space.

  The following should do the trick:

  .page-id-30 .single-post .post-inner {
      float: inherit;
      width: 100%;
  }

  Let me know if the above helps or if you have any extra questions.

• 

  ewinggreenteam · Member · Oct 17, 2016 at 5:40 pm

  • Copy link

  Thank you so much. It works beautifully. I made the switch to the new theme!

• 

  siobhyb · Member · Oct 18, 2016 at 9:09 am

  • Copy link

  I’m so glad to hear that the CSS worked out for you! :) We’re right here if extra questions come up, too.