• Resolved financialfergy

    (@financialfergy)


    I’m new but I have spaces to the left and right of my webpage in which I can only assume to be margins. If it were a square monitor I’m sure it would fill nicely but I’d like my site to look good on widescreen since that’s what all monitors are these days.

    My site is:

    http://www.fergusonfinancial.ca/

    Please help and go slow, I’m very new.

    Devon

Viewing 2 replies - 1 through 2 (of 2 total)
  • #container {
    max-width: 960px;  <<<< Remove this
    padding: 0 15px;
    margin: 0 auto;
    }

    Change this:

    .two-col-r .content, .two-col-l .content {
    max-width: 650px;
    width: 68%;
    padding-top: 30px;
    }

    To this:

    .two-col-r .content, .two-col-l .content {
    max-width: 950px;
    width: 68%;
    padding-top: 30px;
    }

    Change this:

    .sidebar-container {
    overflow: visible;
    max-width: 270px;
    width: 28%;
    padding-top: 30px;
    }

    To this:

    .sidebar-container {
    overflow: visible;
    max-width: 450px;
    width: 28%;
    padding-top: 30px;
    }

    I think that is what you want.
    Full width.

    Thread Starter financialfergy

    (@financialfergy)

    Perfect, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Margin Spaces’ is closed to new replies.