Side bar size

• 

  barbaralicious · Member · Aug 6, 2014 at 7:53 pm

  • Copy link

  Hi all,

  I would like make my side bar smaller, too. But the code you wrote in the beginning of this conversation doesn’t work:

  #secondary{
  width: 25%
  }

  Do I have to start or end with a special code?

• 

  lizthefair · Member · Aug 6, 2014 at 8:15 pm

  • Copy link

  Hi Barbara,

  Every theme works a bit differently, so the code for one theme won’t work for another. Here’s how you would move your sidebar:

  .widget-area{
      width: 25% !important;
      margin-right: 0px !important;
  }

  If you also want your main content to take up more space, this should help:

  .entry-content{
      width: 700px
  }

  If you have further questions, it’s much better to start a new thread. You can do so here: https://en.forums.wordpress.com/forum/css-customization#postform

  Hope it all goes well!

• 

  barbaralicious · Member · Aug 6, 2014 at 8:20 pm

  • Copy link

  OMG

  Thank you so much!

  You have no idea how much time I spent on that…

  I will open in a new thread if I need something else :)

  Thanks again!!!

• 

  lizthefair · Member · Aug 6, 2014 at 8:32 pm

  • Copy link

  I’m very glad to help.

  We are always happy to help in the forums, but if you decide you’d like to learn a little more about figuring out the code on your own, this article is a good place to start: http://en.support.wordpress.com/custom-design/css-basics/