在WordPress中以主题CSS为中心的方法

Question

我正在尝试找出一种CSS的方式来集中我的内容。这是我的网站：http：//www.thegrassrootsgarage.com/?preview_id = 41&; preview_nonce = 58439a219d&_thumbnail_id = 1& ampreview = = true。

请注意，内容如何贴在主页上？我想将720 PX宽度保留在我CSS的#wrapper＃主体中，但我不确定如何将内容对齐并使内容出现在屏幕中间。我想只有左对齐的文本（文本将保持左对齐，因为内容将被居中）在中心开始。我已经尝试了文本隔离，对齐，保证金：0和其他一些，但是我的位置可能错误，因为我还没有完全擅长阅读此特定的CSS页面。

最终，文本将左侧对齐，内容将在中心。我正在尝试更改内容本身的定位，这些定位应采用文本（与之对齐，与之对齐）。有什么想法吗？

这是我的网站和WordPress主题的一些总体CSS：

#header,
#main-content,
#wrapper-footer {
  float: left;
  height: auto;
  position: relative;
  width: 100%;        
}     
#wrapper #main-content {
  padding: 28px 28px 10px;
  width: 720px;         
}
#content {
  float: left;
  width: 750px;       
}

我能够将#wrapper＃主符号的宽度从956px更改为720px，这大约是我想要的内容的大小，但我希望它以中心为中心！我不确定该怎么做，如前所述，我尝试了各种方法。也许我是出于此特定目的编辑错误的项目？

当然，我可以提供我目前拥有的其余CSS。

Answer 1

我注意到您的样式。也许这是因为通常那里有一个侧边栏。一个简单的解决方案是拥有：

#wrapper #main-content {
     padding: 28px 28px 10px;
     width: 720px;
     margin: 0 auto; //<-- added this line
     float: none; //<-- added this line
}

您必须在页面上的其他样式声明之后确保这一点。

更新

非常真实。它将影响每个页面。在主题的主体类中，它为帖子打印了page-id- {number}。因此，您可以仅针对此页面拥有非常特定的CSS，也可以为您选择的任何其他页面创建非常特定的CSS。这应该有效：

 .page-id-41 #main-content {
     float: none;
     margin: 0 auto;
 }

旁注 - 我不小心将答案添加到您的最初问题中 - 但是我已经将其删除并在此处添加