How to remove sidebar on one page – TheFour theme

• 

  mejudithmanriquezcom · Member · Nov 16, 2018 at 9:31 pm

  • Copy link
  • Add topic to favorites

  I’d like to remove the sidebar on a single page to create a simple sales page.

  Can you help with the CSS to do that, please?

  Thanks.

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

• 

  wpx2 · Member · Nov 17, 2018 at 3:05 am

  • Copy link

  Hello @mejudithmanriquezcom

  I did some research to see if the theme provides the possibility to create full-width (No sidebar) pages but it seems that that option isn’t available. If it was it would be your perfect way to go rather than CSS.
  https://premium-themes.forums.wordpress.com/topic/page-template-without-sidebar/

  No worries though, you can still have this done by CSS. First thing to do is to create your page that you want to have no sidebar on, after that you will have to hide the sidebar and make the content area fill the rest of the page.

  Since you want this to be done on a single page, then you need to target that page by its ID.
  Let’s apply that on this page as an example: https://soniagrossi.com/coaching/

  The following CSS codes will hide the sidebar and stretch the content area to take over the rest of the page.

  .page-id-1886 .sidebar {
      display: none
  }
  
  .page-id-1886 .content {
      width: 100%
  }

  Now, you need to create the page you want to have as “sales page“, then you get its ID and you change the ID number “1886” on the above CSS code.

  How to find the page ID? Check this topic:

  Create a Page

  I hope this helps :)

• 

  mejudithmanriquezcom · Member · Nov 17, 2018 at 6:42 pm

  • Copy link

  Thank you! This is perfect and works!

• 

  wpx2 · Member · Nov 18, 2018 at 2:41 am

  • Copy link

  @mejudithmanriquezcom

  You are very welcome. I am happy that I could help :)