How to increase sidebar size

• 

  oceanryder · Member · Jul 24, 2015 at 8:22 am

  • Copy link
  • Add topic to favorites

  Hi guys

  i am using a paid newspaper type theme on my blog and i am not able to increase its sidebar size, i want to increase sidebar size by around 20%, here is the site- http://www.whatsappstatusgeek.com/

  thanks in advance.

• 

  ehtis · Staff · Jul 24, 2015 at 10:49 am

  • Copy link

  You can use the following code to adjust width of the sidebar. Works on desktop-size screens and I’ve increased it a bit:

  @media (min-width: 1200px) {
  .row-fluid .span4 {
    width: 33.348258706468%;
    margin-left: 1.4776119402985%;
  }
  }

  Increasing it too much will strip it out as it will cross the page’s dimensions. To fix it, you can increase the overall page width using this:

  @media (min-width: 1200px) {
  .span12 {
    width: 1200px;
    margin-left: 0px;
  }
  }