Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #18910

    Hi,

    I have edited my page so there is only one side column. I have reduced the column to the size I like. However, the text from an article on the main page does not fill the gap. Essentially, the gap I created from reducing the column size is left empty – I want the main body text from a post to fill this space.

    I have been messing around with the adjustments but can’t get it right. Can you please help? Here’s the code I have in place:

    .sidebar{

    float:left;

    margin:0 20px 40px 0;

    padding:0 0 0px 19px;

    width:150px;

    overflow: hidden;

    }

    #top .fullwidth_sidebar{

    width:230px;

    }

    #content, .entry-no-pic .entry-content{

    width:670px;

    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:730x;

    }

    If you look at my website, you will see the empty space between a post’s text and the ‘archives’ section I am talking about.

    Thanks, you guys rock!

    #101357

    Hey!

    Try to add following code to the bottom of style.css:

    .entry-content {
    width: 450px;
    }

    Best regards,

    Peter

    #101358

    Thanks this worked great, I have another issue.

    The text in my posts are slightly cut off on the left side. I only need to make a slight adjustment so that the first letter is fully visible – ie move the line slightly to the right.

    I haven’t tweaked any of the settings other than what you have suggested.

    Any ideas what needs to be tweaked in order to do this?

    Thanks!

    #101359

    Hi sq85,

    I’m not seeing any cut off on the posts when viewing your site. Is it only happening in a specific browser or OS?

    Regards,

    Devin

    #101360

    Hi Devin

    I’ve been searching the forum and messing around with the adjustments today and it looks to be sorted! Was just about to post and say don’t worry about it.

    For other users, I found these codes in a search which are helpful for understanding how to make the adjustments to columns correctly:

    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.

    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

    #101361

    Glad you got it sorted out :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

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

The topic ‘Column Adjustment’ is closed to new replies.