remove white space around website

  • Unknown's avatar
    kristyleighmckay · Member ·

    Hello,

    Is it possible to decrease the white space on the left and right side of the Forever template.

    Thank you.

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

  • Unknown's avatar
    thesacredpath · Member ·

    The #page container area (that wraps the entire content on your site) is 960px. That can be widened, and then the content area also widened to take up that new width. The following widens the overall width of the site by 200px. You have #page in your existing custom CSS already, so for the first rule, simply add the width declaration to the #page section in your CSS.

    #page {
    border: medium none;
    margin-top: -42px;
    width: 1160px;
}

#content {
    max-width: 760px;
}

    The following adjusts your menu so that it aligns properly after the widening of the #page element. Again, you have both of these in your existing custom CSS and just need to adjust the left margin values.

    #menu-item-76 {
    background: url("http://tailtrails.files.wordpress.com/2013/12/facebook1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    margin-left: 525px;
    margin-top: -1px;
}

#access ul {
    float: left;
    margin-left: 119px;
    text-align: left;
}

    Lastly you will need to change the “Content Width at Appearance > Customize > CSS to 760px so that full sized images will come in at the new width of the content area.

  • The topic ‘remove white space around website’ is closed to new replies.