Help with CSS override on column width

  • Unknown's avatar

    I am using Fadtastic for my theme and I want to make the main column a bit smaller and then sidebar 2 needs to be at least 200 in width … I need the CSS codes plz!!! I know a little but I cant figure out which ones I need to override!!!
    Thanks in Advance!!
    Nessa

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    We need a link to the blog you are talking about. The one linked to your username is using Vigilance.

  • Unknown's avatar

    Assuming you are either talking about a different blog or are going to switch to fadtastic, the following will do what you want.

    div#content {
    margin-right: 460px;
    }
    
    div#side_one {
    margin: 0 10px 0 -220px;
    width: 200px;
    }
    
    div#side_two {
    margin: 0 10px 0 -440px;
    width: 200px;
    }

    In the “Limit width to” field down below the CSS edit text area, subtract 80px from the 544px value shown there otherwise images inserted at “full-sized will likely break the blog.

  • Unknown's avatar

    Hi, theSacredPath,

    And how would you go the other way? That is, I am using Vigilance, and I want my mainbar to be wider, and the sidebar width to be narrower.

    How do I override that? Let’s say I wanted my mainbar to be 50px wider than what it is right now, and the sidebars to be 50px narrower.

    What’s the CSS? Thank you…

  • Unknown's avatar

    This takes 50px off the sidebar and adds 50px to the width of the main content area in Vigilance.

    #content {
    width: 650px;
    }
    
    #sidebar {
    width: 250px;
    }
  • Unknown's avatar

    Thank you!! I thought this was the fix, but it’s always nice to get confirmation before moving forward…

  • Unknown's avatar
  • The topic ‘Help with CSS override on column width’ is closed to new replies.