?
Solved

how to center inner body

Posted on 2011-03-18
4
Medium Priority
?
397 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 39

Accepted Solution

by:
Aaron Tomosky earned 2000 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

WordPress Tutorial 2: Terminology

An important part of learning any new piece of software is understanding the terminology it uses. Thankfully WordPress uses fairly simple names for everything that make it easy to start using the software.

Question has a verified solution.

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

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.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

771 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