treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Wordpress CSS confusion - BASIC

  • Hi folks,

    This is probably an easy fix for anyone who knows what they're doing, and I'm embarrassed for posting it. I'm working on my company site, and I'm trying to create a very basic Wordpress theme that matches the site layout -- for the meantime I'm testing it on my personal server: http://toceffect.com as you can see the header is centered, but the rest of it is not ... this is frustrating the bajesus out of me. I've tried building a table around the index.php and footer.php ref's but it doesn't seem to have an effect. Below is the CSS, I'm pretty sure that's where the answer is ... I simply can't figure it out.


    body {
    text-align: center;
    width: 975px;
    margin-left: auto;
    margin-right: auto;
    }

    #wrapper {
    display: block;
    border: 1px #a2a2a2 solid;
    width:975px;
    margin-right: auto;
    margin-left: auto;
    }

    #header {
    border: 2px #a2a2a2 solid;
    }

    #content {
    display: block;
    width: 975px;
    margin-left: auto;
    margin-right: auto;

    }

    #delimiter {
    clear: both;
    }

    #footer {
    border: 2px #a2a2a2 solid;
    }

    .title {
    font-size: 11pt;
    font-family: verdana;
    font-weight: bold;
    }


    Like I said, I can't imagine that answer is that difficult ... but then again maybe I'm just underestimating myself. Any help or solutions would be amazing. Thanks everyone.

    Tanner Campbell
  • I should note that I'm working on this while awaiting a reply. Currently I'm able to control the width of the content ... but I cannot CENTER it so that it appears below and in line with the margins of the header.

    Thanks again,
    Tanner
  • just added style="margin-left: auto; margin-right: auto;" to the div tags. It seems like every time I use this forum I solve my problems minutes after posting ... thanks!