Solved

how to center inner body

Posted on 2011-03-18
4
382 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 Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

930 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now