I need to make my wordpress sidebar smaller..

Discussion in 'WordPress' started by cscott5288, May 27, 2008.

  1. #1
    my site is here

    how do i make my sidbar smaller, so i have more room for posts?

    thanks
     
    cscott5288, May 27, 2008 IP
  2. UseShots

    UseShots Peon

    Messages:
    244
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Change the theme ;-) or edit the existing theme (most likely you only need to change a couple of numbers in the CSS file).
     
    UseShots, May 28, 2008 IP
  3. mizaks

    mizaks Well-Known Member

    Messages:
    2,066
    Likes Received:
    126
    Best Answers:
    0
    Trophy Points:
    135
    #3
    In your style.css edit:

    
    /* ========== CONTENT */
    #content{
    width:577px;
    float:left;
    display:inline;
    }
    
    /* ========== SIDEBAR */
    #sidebar{
    width:293px;
    float:right;
    display:inline;
    }
    
    
    Code (markup):
    Decreasing the width of the sidebar the same amount you increase the width of the content should work.
     
    mizaks, May 28, 2008 IP
    cscott5288 likes this.
  4. cscott5288

    cscott5288 Active Member

    Messages:
    912
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    hey, thanks for the reply. ok i did this by and adding 50 to content and subtracting 50px from sidebar. here is what i got:

    [​IMG]

    i obviously need to subtract 50px from something else so that the links in the sidebar move along with it, but not sure what...

    ps. sorry the pic is so small (click on it to make it bigger)...you know i am really disappointed with image hosting these days..
     
    cscott5288, May 28, 2008 IP
  5. UseShots

    UseShots Peon

    Messages:
    244
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It's the background of the body that makes it look this way.

    body{
      font-family:Verdana, Arial, Helvetica, sans-serif;
      color:#000000;
      text-decoration: none;
      background:#3f3f3f url(images/bg.gif) top center repeat-y;
      margin:0;
      padding:0;
      min-width: 900px;
    }
    Code (markup):
    The black and white gif :
    http://www.wdzine.com/wp-content/themes/sleeper-release-10/images/bg.gif
    It's black part is exactly 293px wide.
     
    UseShots, May 28, 2008 IP
  6. cscott5288

    cscott5288 Active Member

    Messages:
    912
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #6
    so what do you suggest i do then?
     
    cscott5288, May 29, 2008 IP
  7. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #7
    I think you need to redo, or get someone to redo that background gif for you, im guessing its for faux columns, to make your sidebar stretch down to the footer.

    Then it should be looking normal again.
     
    pipes, May 29, 2008 IP
  8. UseShots

    UseShots Peon

    Messages:
    244
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Edit the background gif. It's very simple. Just make it fit the column width you need.
    Or edit your theme so that it doesn't depend on the background image any more.
     
    UseShots, May 29, 2008 IP