php - 如何居中对齐 wordpress 网站主页的标题?

标签 php css wordpress alignment

我有一个 wordpress 站点,它的主页是一个静态页面。我想居中对齐页面标题并使字体为 48。我去了 style.css 并更改为:

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

当我更改此设置时,所有帖子和页面的标题都更改为此新设置。我应该如何更改CSS,以便只有静态页面的标题会发生变化?

在此先感谢各位 friend 。 (我不是全职程序员,但我可以理解代码并在需要时进行小的定制。)

编辑:澄清一下,我只想对静态页面的标题进行更改,而不是对所有页面和帖子进行更改。目前它发生在所有页面和帖子上。

最佳答案

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

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

当然,如果 .post-title 已经有了正确的字体系列,您就不需要为更具体的 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;
}

关于php - 如何居中对齐 wordpress 网站主页的标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21773826/

相关文章:

php - 在 MySQL 服务器或 PHP 中更快地随机化许多结果

HTML 表格最大宽度属性错误

javascript - 视差脚本在 chrome 和移动设备上变得迟缓

html - 使用 css3 创建 Logo

html - tm 符号不会像在 html 中那样显示,sm 符号可以工作

php - 我可以使用 PHP 在网页中添加 .txt 文件中的图像路径吗?

php - 简单的 html dom 无法打开站点的流

php - 如何显示图像而不是带链接的文本

html - 在 WordPress 中处理文章的正确方法是什么?

javascript - 无法让页面在点击时滚动到顶部