Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #18785

    Hi,

    I wanna learn resizing the widths of sidebars and main text areas. How can I do that?

    #100922

    Hi sulker,

    The sidebar sizes are controlled by lines 799-809 in style.css:

    .sidebar{
    float:left;
    margin:0 20px 40px 0;
    padding:0 0 0px 19px;
    width:150px;
    overflow: hidden;
    }

    #top .fullwidth_sidebar{
    width:340px;
    }

    The width values can be modified in conjunction with the main content values in style.css lines 635-649:

    #content, .entry-no-pic .entry-content{
    width:580px;
    padding:0 0 50px 20px;
    float: left;
    margin:0 20px 0 0;
    overflow: hidden;
    }

    .fullwidth #content, .fullwidth .entry-no-pic .entry-content{
    width:960px;
    }

    .fullwidth .entry-content{
    width:730px;
    }

    Depending on the layout (2 sidebars or 1 large sidebar) the values+padding+margin should equal 960px wide.

    Regards,

    Devin

    #100923

    Thanks Devin. May I ask the values of margin? What does it mean? For example, 0 20px 40px 0. What shows the numbers 20 and 40 there? 20px is th distance from border I estimated, but 40 px?

    #100924

    This is a quick resource for understanding css shorthand: http://www.w3schools.com/css/css_margin.asp

    The margin property can have from one to four values.

    margin:25px 50px 75px 100px;
    top margin is 25px
    right margin is 50px
    bottom margin is 75px
    left margin is 100px

    margin:25px 50px 75px;
    top margin is 25px
    right and left margins are 50px
    bottom margin is 75px

    margin:25px 50px;
    top and bottom margins are 25px
    right and left margins are 50px

    margin:25px;
    all four margins are 25px

    Regards,

    Devin

    #100925

    Its so clearly, so understandable. Thanks…

    #100926

    Hi sulker,

    Glad that Devin helped you. :)

    Cheers,

    Ismael

    #100927

    Thanks for the great support posts. We worked on columns last night and your advice was perfect!

    All the Best

    -Steve

    #100928

    Glad we could help Steve :)

    Regards,

    Devin

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How to resize the widhts of sidebars and main text area’ is closed to new replies.