Remove the shaded part of the sidebar in Adele theme

• 

  nishikk · Member · May 23, 2013 at 7:08 am

  • Copy link
  • Add topic to favorites

  Currently, my blog uses Twenty twelve, but I want to shift to Adele. I love the unshaded sidebar in my current blog, and want that same effect in Adele. Is there a way to remove that shading in Adele?

  Thanks,

  Nishita

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

• 

  thesacredpath · Member · May 23, 2013 at 7:28 am

  • Copy link

  I think this will do what you want.

  .site-main .widget-area {
      background: none;
  }

• 

  nishikk · Member · May 23, 2013 at 9:06 am

  • Copy link

  Thanks so much for this. It worked.

  Also, is there a way to get rid of that zig-zag line in the sidebar that comes between each widget and also increase the sidebar width?

  Do I need to create another post thread for this?

• 

  thesacredpath · Member · May 23, 2013 at 2:07 pm

  • Copy link

  I almost included the code to get rid of “ziggy” but then didn’t. If seems you found that solution.

  Do you want to keep the content area and/or the overall width of the main container area the same when you widen the sidebar?

• 

  nishikk · Member · May 24, 2013 at 5:07 am

  • Copy link

  Hi,

  Thanks for the response. I still do need the code to remove the zig-zag lines. I am working on the theme in snapshot mode and haven’t published it yet.

  Is it possible to retain the overall width of the main container and increase just the side bar space?

• 

  thesacredpath · Member · May 24, 2013 at 5:12 am

  • Copy link

  Ah, the site linked to in your original post is wearing a different theme which is why I didn’t see them. Add this to get rid of ziggies.

  .widget {
  background: none;
  }

• 

  nishikk · Member · May 24, 2013 at 5:39 am

  • Copy link

  Thanks so much. It worked like a charm now :) and any way to extend the sidebar space alone a little to the right?

• 

  thesacredpath · Member · May 24, 2013 at 5:45 am

  • Copy link

  Do you mean to move it a little to the right, or do you mean widen it a little?

• 

  nishikk · Member · May 24, 2013 at 5:52 am

  • Copy link

  widen it a little

• 

  thesacredpath · Member · May 24, 2013 at 6:02 am

  • Copy link

  You can bump it up 3% (to what I have shown) without having to adjusting the width of the parent elements, or decreasing the main content area. Add this to get the extra 3% and see what you think.

  .site-main .widget-area {
  width: 32.4118%;
  }