Changing dimensions

  • eventors

    (@eventors)


    14 years ago

    Hello,
    I was able to get an answer on another thread about shifting my blog to the center with a small coding change. But I would like to increase the left and right margin to trim down the single column design on this site:
    https://www.withlacoocheegulfpreserve.com
    I am trying to figure out how to reduce background green while still keeping the photo size.
    Thanks, Jeff

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    Try changing:

    .post {
    margin-top:60px;
}

    to:

    .post {
    margin:60px auto 0;
    width:90%;
}

    in style.css

    [EDITED]

    Thread Starter eventors

    (@eventors)

    color: #8ca611;
    }
    .post {
    margin-top: 60px;
    }
    .post-text {
    line-height: 150%;

    Hi, In the code I don’t have
    width: 90%

    So, when I pasted in “to:” it didn’t work. Radically changed layout!

    esmi

    (@esmi)

    Sorry – I added a line incorrectly which I’ve now fixed. Please see my previous post and try again.

    Thread Starter eventors

    (@eventors)

    .post {
    margin:60px auto 0;
    width:90%;
    }

    You are still showing the above to replace existing code and it is the same change you gave me initially?
    (unless I am missing something)

    esmi

    (@esmi)

    The error was in the code you originally had. Remember to press CTRL and F5 simultaneously when viewing an updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

    Also disable/deactivate any caching plugin(s).

    Thread Starter eventors

    (@eventors)

    Just Tried again it works?
    Thanks!!
    https://www.withlacoocheegulfpreserve.com

    Now,
    How do I shorten Nav bar to match width?

    esmi

    (@esmi)

    Change:

    #sidebar-pages {
    background-color: #000000;
    border-bottom: 1px solid #444444;
}

    to:

    #sidebar-pages {
    background-color: #000000;
    border-bottom: 1px solid #444444;
    margin: 0 auto;
    width: 90%;
}

    in style.css.

    Thread Starter eventors

    (@eventors)

    Looks like you keep busy helping lots of people.
    Thank You Very Much!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing dimensions’ is closed to new replies.