• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 410
  • Last Modified:

how to center inner body

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
COwebmaster
Asked:
COwebmaster
  • 2
1 Solution
 
Aaron TomoskySD-WAN SimplifiedCommented:
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
 
gwkgCommented:
Did you fix this?  It's centered in Chrome.
0
 
COwebmasterAuthor Commented:
yes, I fixed it.  I had to adjust the css file.
0
 
COwebmasterAuthor Commented:
thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now