Support » Fixing WordPress » content/sidebar won’t center

  • Resolved tom1313


    First off, I’m not very fluent in xhtml or any languages… so forgive any mistakes.

    I’ve been tryng or a few days now to get my page centered. No matter what I do, the content is either aligned left or right. I wouldn’t mind to much, except that when the browser window is too small, it forces the sidebars to format under the content.. which is no good. Like I said, I have been trying for a while, and have browsed the forums quite a bit… and I am just stumped. Any help would be very appreciated, as I am making this blog for my dad. Thanks 🙂


    and here is some code to munch on…
    –top format stuff–

    * {
    font-family: “Trebuchet MS”;
    color: #fff;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0 none;
    text-decoration: none;
    white-space: normal;
    vertical-align: center;

    html, body {line-height: 1}
    hr {display: none}
    blockquote:before, blockquote:after, q:before, q:after {content: ”}
    blockquote, q {quotes: “” “”}
    ul {list-style-type: none}
    ol {list-style-type: decimal}
    .clear {clear: both}
    body {
    background: #444 url(images/bg.gif) repeat-x top;
    text-align: center;

    #container {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;

    #header {
    width: 980px;
    height: 173px;
    padding-top: 30px;
    background: url(“”) no-repeat center;
    background-position: 50% 70%;
    border-bottom: 5px solid #555;

    –content stuff–
    #column {
    float: left;
    width: 535px;
    border-right: 5px solid #555;
    margin-right: auto;
    background: #333;

    .post {
    margin-top: 10px;

    .post a {
    color: #bfef00;

    .post a:hover {
    color: #ffbe00;

    .post-top {
    width: 540px;
    height: 10px;

    .post-bottom {
    width: 540px;
    height: 10px;

    .entry {
    background: #444;

    .entry h2 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    line-height: 1.3em;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;

    .entry h2 a {
    line-height: 1.3em;
    font-size: 20px;
    letter-spacing: -1px;
    color: #feffa2;

    .entry .date {
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    color: #ddd;
    padding-bottom: 5px;
    font-size: 0.7em;
    line-height: 1.3em;

Viewing 3 replies - 1 through 3 (of 3 total)
  • sorry.. I dk why it didn’t post- but the site is


    I corrected your code. You can find example from here:

    You should check the theme files (header.php, index.php and so on) and the css. Copy the necessary codes from html to the theme files and use the css-file inside the zip. Also check the codes I took away. I took away some unnecessary codes from there. In header.php just use basic <center> for the logo image.

    I hope this helps.

    – Tuomas

    Thank you so much. I have a bit of tweeking to do, but that worked like a charm. Many thanks 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘content/sidebar won’t center’ is closed to new replies.