Solved

how to center inner body

Posted on 2011-03-18
4
386 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 39

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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Adding a countdown to HTA 12 93
Change static entered data to dynamic with counter 5 33
CSS Style on Chrome 1 33
links not working 2 25
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.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchiā€¦
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

740 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