Question

我有一个wordpress网站，其主页是一个静态页面。我想集中对齐页面标题并制作字体48.我去了style.css并改为：

.post-title {
    font-family: Oswald,arial,Georgia, serif;
    margin-bottom:10px;
    font-size: 48px;
    text-align:center;
}

当我更改此内容时，所有帖子和页面的标题都更改为此新设置。我应该如何更改CSS，以便只更改静态页面的标题？

先谢谢朋友们。（我不是全职程序员，但如果需要，我可以理解代码并进行小型定制。）

编辑：为了澄清，我想仅在静态页面的标题上进行更改，而不是在所有页面和帖子上进行更改。目前它发生在所有页面和帖子上。

Answer 1

深入了解HTML代码，看看标题是否包含在另一个类的div中。要仅设置标题，您可能需要在定位时更具体一些。

.header . heading > .post-title {
   font-family: Oswald,arial,Georgia, serif;
   margin: 10px auto;
   font-size: 48px;
   text-align:center;
}

但是，如果.post-title已经有了正确的font-family，你就不需要再为特定的CSS行重复一遍。

.post-title {
   font-family: Oswald,arial,Georgia, serif;
   font-size: 16px;
}

.header . heading > .post-title {
   font-family: Oswald,arial,Georgia, serif;
   font-size: 48px;
   text-align:center;
   margin: 10px auto;
}

Answer 2

将左/右边距设置为自动可以做到这一点：

.post-title {
    font-family: Oswald,arial,Georgia, serif;
    margin: 10px auto;
    font-size: 48px;
    text-align:center;
}

Answer 3

这会有所帮助把，

<div align="center">
// yr code here
</div>

这将确保您的内容仍然是任何决议的中心。

希望有所帮助

如何居中对齐wordpress网站主页的标题？

3 个答案: