Reducing the sidebar column width with CSS

• 

  hayleyanngrade · Member · Nov 6, 2013 at 3:49 pm

  • Copy link
  • Add topic to favorites

  Can someone help me with the CSS specifics needed to reduce the width of the sidebar on the left of my blog?

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

• 

  sammetheny · Member · Nov 7, 2013 at 10:13 pm

  • Copy link

  Just to be sure, did you want the main content area size changed? (That is what’s on the left), or did you want the sidebar on the right to be narrower?

  If it’s the latter, try this CSS to see if you like the new size better:

  #main .widget-area {
  float: right;
  margin-right: 9.464285714286%;
  width: 25%;
  }

• 

  sammetheny · Member · Nov 7, 2013 at 10:17 pm

  • Copy link

  And, if it’s the former, try this code:

  #main .widget-area {
  float: right;
  margin-right: 9.464285714286%;
  width: 41%;
  }

• 

  hayleyanngrade · Member · Nov 7, 2013 at 10:23 pm

  • Copy link

  It was the latter and that worked! Thank you!!

• 

  sammetheny · Member · Nov 7, 2013 at 10:30 pm

  • Copy link

  You’re quite welcome.