Change content width

Community Forums Forums Design Tips and Tricks Change content width

This topic is: not resolved

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  sarag 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #46011

    laurensdhaese
    Participant
    Post count: 2

    Hello,

     

    On this website I use a home page, and the three articles posted on the home page with full-width. For the blog posts I use content/sidebar.

     

    My question is:

    How can I change the width of the content  of the homepage from 1140 to lets say 1000px   and the width of the three other pages to 720px?

    And of course I want to keep the content centered.

     

     

    Hope someone can help me out…

     

    Thanks is Advance,

    Laurens

    http://firstbackpain.com
    #47177

    sarag
    Participant
    Post count: 9

    In your stylesheet you will need to make a couple of changes

    First you will need to change the wrap width

    .wrap {
    margin: 0 auto;
    max-width: 1140px;
    }

    To

    .wrap {
    margin: 0 auto;
    max-width: 1000px;
    }

    For the Homepage you have to change

    .full-width-content #content {
    border: medium none;
    padding: 25px 0;
    width: 1140px;
    }

    To

    .full-width-content #content {
    border: medium none;
    padding: 25px 0;
    width: 1000px;
    }

    For the pages you will need to change
    .content-sidebar #content, .sidebar-content #content {
    width: 810px;
    }

    To

    .content-sidebar #content, .sidebar-content #content {
    width: 720px;
    }

    .sidebar {
    display: inline;
    float: right;
    font-size: 14px;
    padding: 25px 0 0;
    width: 250px;
    }

    TO

    .sidebar {
    display: inline;
    float: right;
    font-size: 14px;
    padding: 25px 0 0;
    width: 200px;
    }

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

You must be logged in to reply to this topic.