Question

我首先要说的是我在编码学校的总菜鸟并且要善待。我试图用他的博客帮助我的丈夫：https://directionandpace.com/标题方向和步伐有问题。

首先，他问我是否可以删除冗余链接回页面的标题链接。没有一种方法可以轻松编辑WordPress HTML（只是样式表），所以我想我以后想出来，只需将链接颜色更改为黑色而不是蓝色。 ;）

其次，我们都意识到当你点击第二页＆＃34;我们是谁＆＃34;标题变为非粗体衬线和ITS DRIVING ME CRAZY。

以下代码：

CSS中的身体和唯一的Serif应该是什么：

body, button, input, select, textarea {
color: #776f6f;
font-family: Merriweather, Georgia, serif;
font-size: 15px;
line-height: 2;
}

标题的CSS：

.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
}

它是否以某种方式假设整个第二页（包括标题）是正文？ HALP。

Answer 1

问题是，在您的主页上，文字包含在<h1>元素中，但在我们是谁的页面中，它包含在<p>元素中。您的CSS有以下规则：

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    color: #1a1a1a;
}

在主页上应用，但不在我们自己的页面上。最简单的解决方案是更新我们是谁的页面的代码或模板，将<p>更改为<h1>以匹配主页。

主页标题HTML：

<div id="site-identity">
    <h1 class="site-title"><a href="https://directionandpace.com/" rel="home">Direction &amp; Pace</a></h1>
    <p class="site-description">Explore. Experience. Always.</p>
</div>

我们正在标题HTML：

<div id="site-identity">
    <p class="site-title"><a href="https://directionandpace.com/" rel="home">Direction &amp; Pace</a></p>
    <p class="site-description">Explore. Experience. Always.</p>
</div>

Answer 2

主页面上的标题包含在标题标记中，因此它获得了正确的标题样式：

<h1 class="site-title"><a href="https://directionandpace.com/" rel="home">Direction & Pace</a></h1>

然而，about页面上的标题包含在<p>标记中，因此它正在获取正文样式：

<p class="site-title"><a href="https://directionandpace.com/" rel="home">Direction & Pace</a></p>

WordPress CSS：网站标题从Sans serif变为Serif

2 个答案: