how do I add a sidebar

• 

  apriltodd · Member · Apr 17, 2013 at 1:12 pm

  • Copy link
  • Add topic to favorites

  when in the original theme (CHUNK) it is disabled?

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

• 

  timethief · Member · Apr 17, 2013 at 4:06 pm

  • Copy link

  It’s not disabled. It doesn’t exist. The theme is a one column theme not designed to have a sidebar. It has footer widgets areas only. However, I don’t help with CSS editing.

  search results > https://en.forums.wordpress.com/topic/chunk-theme-help?replies=28#post-759517

• 

  justpi · Member · Apr 17, 2013 at 4:22 pm

  • Copy link

  As timethief explaind, “disabled” isn’t the right word. However, you can use CSS to turn the footer widget area to a sidebar. But this is complicated: you need to change several widths, floats and other details to make it work. It’s easier to switch to a theme that does have a sidebar. Or is the rest of the design of Chunk important to you?

• 

  apriltodd · Member · Apr 17, 2013 at 5:32 pm

  • Copy link

  I like everything about that theme other than the sidebar, it isn’t too important to have one, I was hoping there was an easy way to do it.

  Thanks for your replies, I think I will stick to the theme and live without a sidebar

• 

  designsimply · Member · Apr 17, 2013 at 5:53 pm

  • Copy link

  If you decide you’d like to look into getting in-depth customization help for a change as big as this, you could fill out a request at http://en.support.wordpress.com/customize-my-site/request-theme-customization/ to see if they can fix it up for a small fee.

• 

  justpi · Member · Apr 17, 2013 at 7:03 pm

  • Copy link

  It’s not exactly easy, but it’s not very difficult either. Give this a try:

  #menu {
      width: 1100px;
  }
  #container {
      width: 1100px;
  }
  #contents {
      width: 650px;
      float: left;
  }
  .hentry .main {
      width: auto;
  }
  #widgets {
      border-top: none;
      border-left: 1px solid #ccc;
      float: left;
      margin: 0;
      width: 200px;
  }
  #widgets .widget-area {
      width: 20%;
  }
  #widgets .widget {
      clear: none !important;
      width: 260px;
  }
  .widget-title {
      width: 248px;
  }