Viewing 5 replies - 1 through 5 (of 5 total)
  • Centering should be done in style.css of your theme. Add text-align: center; to body

    body {
    background:none repeat scroll 0 0 #FFFFFF;
    color:#000000;
    font-family:arial;
    font-size:11px;
    line-height:14px;
    text-align: center;
    }

    Then add text-align: left; to .main div

    .main {
    margin:auto;
    width:100%;
    text-align: left;
    }

    You might want to change width to say 960px more or less. Otherwise, there’s nothing to center at all since .main div is 100% of body.

    Thread Starter sebastianwp

    (@sebastianwp)

    Thanks I will try it.

    Thread Starter sebastianwp

    (@sebastianwp)

    Hi mercime,
    Thank you but it isn’t working. It makes all text align in center and moves my header to the right. Still need help please.

    Hi Sebastianwp,

    Try adding the following to the end of your theme’s CSS file:

    .main, .content, #footer{
      width:1200px;
      margin:auto;
    }

    Hopefully that should center everything.

    Thread Starter sebastianwp

    (@sebastianwp)

    Hi,
    Thank you so very much. You saved me. It works perfectly.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to center my whole site in the browser’ is closed to new replies.