how to change width of content column or sidebar

Viewing 3 posts - 1 through 3 (of 3 total)
  • #7156
    PIxelate
    Participant

    Sidebar is wider than I like, so how can I change the sidebar width?

    I can’t find the CSS that’s controlling the sidebar width?

    #7332
    Alexander
    Participant

    This one is to be consired carefully AND it also depends which template you choose. That sets the width for the main column by percentage from an absolute number. The sidebar colum just fill in the rest by 100%.

    Saying that a parameter change in your css depends what your are actually using.

    Example for a two third for the main column (standard):

    .twothirdcol {
    width: 66.7%;
    }

    You can change it to any number, the sidebar will always follow to fill the rest with 100%

    The abolute number for the width of your blog is controlled by:

    #wrapper {
    width:1020px;
    }

    Cheers,
    Alexander @ http://www.mouseclick.com

    • This reply was modified 9 years, 10 months ago by Alexander.
    #7334
    Alexander
    Participant

    Here is a living example of how I did it on my blog:

    #wrapper {
    width:900px;
    }

    = Overall width of the blog

    .twothirdcol {
    width:75%;
    }

    = blogposts width

    .threecol {
    width:25%;
    }

    = sidebar width (blogpost+sidebar = 100%)

    .twocol {
    width:49%;
    }

    = Width ofthe two colums in the blogpost (each)

    In my case the .twocol only works with less than 50% (each) because I tweaked the margin around the images as well.

    NO GUARANTEE that it will still look like when you visit my page, as I play around alot with the setting… πŸ™‚

    Cheers,
    Alexander @ http://www.mouseclick.com

    • This reply was modified 9 years, 10 months ago by Alexander.
Viewing 3 posts - 1 through 3 (of 3 total)

Tagged: 

You must be logged in to reply to this topic.