Narrow size of Widget area/side bar

• 

  cannongerbil · Member · Jan 26, 2018 at 12:21 pm

  • Copy link
  • Add topic to favorites

  Here’s what I want to do, I want to narrow the width of my widget area so that it takes up less space (Due to the nature of my site, most of that space is wasted). I’ve managed to do something by messing around with

  .site {
  padding-left: 60px;
  padding-right: 80px;
  }

  But it doesn’t quite do what I want it to do. Can anyone help me with this matter?

  The blog I need help with is cgtranslations.me.

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

• 

  malkangni · Member · Jan 26, 2018 at 12:41 pm

  • Copy link

  Try the following css

  .site-content .widget-area{
  width:20%;
  }

  Currently the width is set to 25%. Above code will change it to 20%. Experiment and change the value as required. Hope this helps

• 

  malkangni · Member · Jan 26, 2018 at 12:46 pm

  • Copy link

  Further you will also have to add
  .site-main{
  margin: 0 22% 0 0;
  }

  If you change value of 20% of sidebar, you will also have to change the value 22% accordingly.

• 

  cannongerbil · Member · Jan 26, 2018 at 12:51 pm

  • Copy link

  Thanks, man. That worked perfectly.

• 

  malkangni · Member · Jan 26, 2018 at 12:53 pm

  • Copy link

  Glad to be of some help… :)

• 

  cannongerbil · Member · Jan 26, 2018 at 12:54 pm

  • Copy link

  Though, hmm, what’s the difference between

  .site-content .site-main{
  width:80%;
  }

  and

  .site-main{
  margin: 0 18% 0 0;
  }

  As far as I can tell they seem to do similar things.

• 

  malkangni · Member · Jan 26, 2018 at 12:59 pm

  • Copy link

  Yes they might work as the same to a normal eye, but to the browser engine these are two different things. First one sets the width of section with class site-content to 80% and second one create a right margin.

• 

  malkangni · Member · Jan 26, 2018 at 1:00 pm

  • Copy link

  Though, go with this one
  .site-content .site-main{
  width:80%;
  }

• 

  cannongerbil · Member · Jan 26, 2018 at 1:05 pm

  • Copy link

  Right, I’ll do that. Thanks.