Solved

how to center inner body

Posted on 2011-03-18
4
383 Views
Last Modified: 2012-05-11
I have a wordpress template (studio press -> metric template) and want to use a static page as the home page.  I changed it in the dashboard (Settings->Reading) but the page then became left justified.  I had to force a white background on the page but still I cannot get that inner body area to be center justified.  Any ideas?  The site url is:  http://www.saltlakecityappliancerepair.org/

Here is the css in that template:

#inner {
      width: 960px;
      margin: 20px auto 20px;
      padding: 0;
      overflow: hidden;
      background: #FFFFFF;
      }
      
.home #inner, .home-page #inner, .blog #inner {
      width: 100%;
      margin: 0;
      }
0
Comment
Question by:COwebmaster
  • 2
4 Comments
 
LVL 38

Accepted Solution

by:
Aaron Tomosky earned 500 total points
ID: 35169817
You can do margin-left: auto and margin-right: auto or put it all in the one margin line as margin: 20px, auto, 20px, auto
If I remember right it goes margin: top, right, bottom, left. I may have that order incorrect though.
0
 
LVL 31

Expert Comment

by:gwkg
ID: 35175958
Did you fix this?  It's centered in Chrome.
0
 

Author Comment

by:COwebmaster
ID: 35181453
yes, I fixed it.  I had to adjust the css file.
0
 

Author Closing Comment

by:COwebmaster
ID: 35181458
thanks!
0

Featured Post

Is Your AD Toolbox Looking More Like a Toybox?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Divi Theme - extra fonts I don't want 13 25
Html5 string 3 22
Create CSS Animation for Page Transitions 4 26
"Pause" execution of javascript function for x miliseconds 2 25
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question