Margin Spaces

  • Resolved financialfergy

    (@financialfergy)


    12 years, 1 month ago

    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:

    https://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.