Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post

    how can I expand the width of the sidebars?

    Hey I have a new problem. I am not really too sure how I can change the width of the sidebars. I can't find it actually.

    But I think that the sidebars aren't really in a DIV?

    Here is the link:

    http://www.facebookgelaber.de/

    And here is the stylesheet.css:

    http://www.facebookgelaber.de/wp-con...News/style.css

    Hope you guys can figure it out?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,739
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Hello OGGordon,
    I think if you widen out .span-5 your columns get wider. You will also need to widen .container enough to accomodate them.

    Try something like this -
    Code:
    .container {
    /*width:950px;*/
    width: 1000px;
    margin:0 auto;
    }
    .span-5 {
    /*width:190px;*/
    width: 215px;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Excavator View Post
    Hello OGGordon,
    I think if you widen out .span-5 your columns get wider. You will also need to widen .container enough to accomodate them.

    Try something like this -
    Code:
    .container {
    /*width:950px;*/
    width: 1000px;
    margin:0 auto;
    }
    .span-5 {
    /*width:190px;*/
    width: 215px;
    }
    Hello Excavator,

    where do you see container and .span-5? I typed it in the search function and can't find it.

    What I want to do is to increase the size of both sidebars but decrese the content area. But I can't find where I can change the sidebars and the content area or am I retarded? haha

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,739
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Quote Originally Posted by OGGordon View Post

    What I want to do is to increase the size of both sidebars but decrese the content area. But I can't find where I can change the sidebars and the content area
    The FireFox plugin FireBug makes it very easy to find all this. Get firebug here. It's very easy to learn how to use too, only a short learning curve.

    In your markup the layout looks like this:
    Code:
    <div id="contentwrap" class="span-24">
    
    <div class="span-5"></div> <div class="span-14"></div> <div class="span-5 last"></div>
    </div>
    The width of the left and right columns is set by .span-5
    Liine #102 in screen.css

    The width of the center column is set by .span-14
    Line #111 in screen.css
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post
    Thanks for both the heads up on the plugin and the correct style.css. I finally was able to change it .

    Just one more question, how can I change the textlink color for the right sidebar? I want it to be white but I'm not sure how I can.

    It adopts the color information in the style.css on line 389:

    PHP Code:
    .sidebar a {
        
    text-decorationnone;
        
    color#3B5998;
        
        

    Can I make a DIV specify the color just for that one div on the right?



    Quote Originally Posted by Excavator View Post
    The FireFox plugin FireBug makes it very easy to find all this. Get firebug here. It's very easy to learn how to use too, only a short learning curve.

    In your markup the layout looks like this:
    Code:
    <div id="contentwrap" class="span-24">
    
    <div class="span-5"></div> <div class="span-14"></div> <div class="span-5 last"></div>
    </div>
    The width of the left and right columns is set by .span-5
    Liine #102 in screen.css

    The width of the center column is set by .span-14
    Line #111 in screen.css


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •