How Do I Make This Column Wider?

3 replies
  • WEB DESIGN
  • |
Hi! I'm trying to expand the width of this main/left column on this site.


Here's a link to my style.css code at pastebin:


I've figured out that increasing the width of the following sections within the style.css has the following effects:


right sidebar #content - shifts left column right
right sidebar #main - moves left border of right column to the right
right sidebar #content .col2 - moves left column to the left
right sidebar #secondary - move banner of right column to the left


But I'm having trouble figuring out what changes the width of the left/main column.
I selected this section of the page using Firebug, and as you can see, it points to the right sidebar #content .col2 section of the style.css.



As I mentioned above, modifying the width of this section moves the left/main column to the right and left, but it doesn't actually modify the width of it.
How do I expand the width of this section?
#column #make #wider
  • Profile picture of the author rajeevrla
    Here's the new code you need. I have increased the width to 100px, you can change it as you like.

    Code:
    .right-sidebar #content {
        float: left;
        margin: 20px 0 0 -10px;
        width: 600px;
    }
    
    .right-sidebar #content .col2 {
        width: 547px;
    }
    Signature

    Have a great day!

    {{ DiscussionBoard.errors[6942716].message }}
    • Profile picture of the author mrniceguy123
      Originally Posted by rajeevrla View Post

      Here's the new code you need. I have increased the width to 100px, you can change it as you like.

      Code:
      .right-sidebar #content {
          float: left;
          margin: 20px 0 0 -10px;
          width: 600px;
      }
      
      .right-sidebar #content .col2 {
          width: 547px;
      }
      Awesome! Thank you soooo much!
      {{ DiscussionBoard.errors[6942852].message }}
  • Profile picture of the author rajeevrla
    you are welcome. Great, it worked for you.
    Signature

    Have a great day!

    {{ DiscussionBoard.errors[6942867].message }}

Trending Topics