Remove Sidebar in Sela Theme with CSS

• 

  breecrowder · Member · Dec 23, 2015 at 10:58 pm

  • Copy link
  • Add topic to favorites

  I’m looking for the CSS to remove the right sidebar from the Sela theme so that the main blog is centered on the page. Does anyone know what the code is for this?

  PS. I’m not currently using the Sela theme–it’s a work in progress.

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

• 

  g471n · Member · Dec 24, 2015 at 6:01 am

  • Copy link

  Hi breecrowder

  This should work for you.

  .sidebar-widget-area {
      display: none;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  You need to be on the WordPress.com Premium Plan for custom CSS to save.

• 

  breecrowder · Member · Dec 24, 2015 at 3:13 pm

  • Copy link

  This removes the side widget, but does not centre the main blog on the page. Any idea how to do this?

• 

  g471n · Member · Dec 24, 2015 at 3:17 pm

  • Copy link

  I’ll have a look at it when I get back to my computer :)

• 

  breecrowder · Member · Dec 24, 2015 at 3:23 pm

  • Copy link

  Thank you! Much appreciated. :)

• 

  g471n · Member · Dec 24, 2015 at 5:49 pm

  • Copy link

  Try adding:

  .content-area {
      width: 100% !important;
  }

• 

  breecrowder · Member · Dec 24, 2015 at 7:30 pm

  • Copy link

  Worked perfectly. Thanks so much!

• 

  g471n · Member · Dec 25, 2015 at 3:07 am

  • Copy link

  You are welcome.