Need help? Check out our Support site, then


modularity lite

  1. i have tried to move around the footer, but on the front page (blogroll) it is too far to the left - if i fix that then it is too far to the right on all the other pages. at the moment i am using this:
    #footer-wrap {
    width: 990px;
    margin: 0 0px;
    }
    if i make it into this
    #footer-wrap {
    width: 990px;
    margin: 0 90px;
    } it works on the front page but not the others.

    The blog I need help with is historyitm.wordpress.com.

  2. This thread will be moved to the CSS Forum for you where you can get the help you need.

  3. Hi there,

    You didn't explain exactly what you are wanting, so I'm going to take a little bit of a guess. To get everything to align vertically on the site, I would use auto left and right margins for all the parent elements. In #top, I've included a background declaration. Create a new 990px wide header image, upload it to your media library, get the URL of that image and replace URL OF IMAGE between the double quote marks. Give this a try and see what you think.

    #top {
    background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
    margin-left: auto;
    margin-top: auto;
    width: 990px;
    }
    
    #top div.main-nav {
    width: 100%;
    }
    
    .container {
    margin-left: auto;
    margin-right: auto;
    }
    
    #footer-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    }

    If this isn't what you were looking for, please let me know and we will help you get there.

    PS. I love your background image.

  4. cool, thanks heaps!
    i have been learning very slowly how to change css things, and mostly by looking up different bits of code people have used - so i got myself a bit muddled. but using the auto margin is great - as now the parts all seem to align nicely, and fit different computer screen sizes - and it seems to have corrected whatever i did to make the 'blog' page align differently to the other pages. i am happy with the header as a slightly different size, but might think about using this code to make a different sized one in future.
    thanks again!!

  5. You are very welcome and do let us know if you have any further questions. (CSS is fun though, isn't it?) :)

Topic Closed

This topic has been closed to new replies.

About this Topic