居中标题不起作用(WordPress主题)

Question

我正在修改一个免费的Wordpress主题。我快完成了，但我仍然对这段代码有一个愚蠢的问题：

<div class="page-header">
   <h1 class="page-title">MyTitle</h1>
</div>

我不能将页面标题居中的可能性是什么？

我已经尝试了以下 2 件事，但没有一件是可以的：

.page-header {text-align: center}
.page-title {text-align: center}

我正在选择正确的组件，因为display: none有效。

Answer 1

你写的 CSS 很好，但我认为你的 css 并没有覆盖主题的现有 css。

请把这个 css 放在： 仪表板->外观->自定义->附加 CSS

.page-header {text-align： center ！important}

Answer 2

.page-header, .page-title {
  margin: 0 auto; 
}

试试这个文本对齐，如果它有效

Answer 3

试一试：

.page-header, .page-title {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
}

Answer 4

谢谢你的回答。

是的，我的 css 正在覆盖现有的 css。例如，"显示：无"有效。

我试过：

.page-header, .page-title {
  margin: 0 auto; 
}

而这个：

.page-header, .page-title {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
}

。没有任何成功。

使标题移动的唯一编码是：

.page-title {
    margin-left: **400px**; 
    margin-right: auto;
}

。但当然一点也不好。

这是否敲响了其他解决方案的钟声？

Answer 5

h1.page-title {
    width: 100%;
    text-align: center !important;
}