WordPress.org

Support

Support » Themes and Templates » [Resolved] How can I Center Align my entire blog?

[Resolved] How can I Center Align my entire blog?

  • Could someone please take a look at RiversideOpenView.com and let me know what I need to do in order to have my whole blog appear in the center of the screen rather than to the left.

    I found some information in other threads here and from other sources, but they did not solve my problem.

    I would greatly appreciate any help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Try editing this section in your css file adding the two new lines for width and margin:

    .container {
    	background:url(images/container_bg.jpg) repeat-x;
    	position:relative;
            width:990px;  /* I am not sure of this width */
            margin:0 auto;  /* this will center it */
    }

    You need to add margin: 0 auto; to the stylesheet. If you have a page wrapper div, that would do it. If not, you’ll have to add that to each containing div (like a header, content, footer, etc.). Try that and see if it works for you, and if not I can probably help further.

    Thank you so much. I seem to have made the header work with what you suggested. So I’m assuming that means I don’t have the wrapper div. Sorry, very new to all of this. Is there a simple way to add a wrapper div rather than adding margin: 0 auto; to each of those? For future reference.

    @racer x: For some reason your post didn’t show up when I refreshed the first time. But the code you gave me worked perfectly. Much thanks!

    No problem. I was wondering why your site wouldn’t center since you had margin:0 auto in place, but it was a container “class” that needed it.

    If you do a lot of styling or editing of wordpress themes(or any css at all) you should look into firebug. I was able to edit your site’s CSS file live and see what css needed to be changed.

    @racer x: Thank you! I’ve been playing with firebug today. I have been messing around with WordPress themes for about a year now. Mainly all I have been able to do is edit code through trial and error. So far, no disasters. Ha!

    But this will help me so much. It will at least cut down on the time it is taking me to check what I am doing.

    Having the same issue and have tried everything listed above. Please advise. Site is: http://www.pigeon-forge-cabins-now.com

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] How can I Center Align my entire blog?’ is closed to new replies.