php - 在 opencart 中使用 css 更改 h 标签

Question

我试图在我的 opencart 网站上实现更准确的 h 标签结构以实现 seo 目的。对于那些不熟悉 opencart 中的 html 的人来说，大多数页面都是通过 php 调用来分割页眉、主体和页脚文件的。我希望通过编写内部 css 将字体大小更改为稍小一些，从而使主页上的 h1 标签与产品页面略有不同。

因此，我将代码（如下）添加到产品页面的顶部，这似乎可以工作，但在页脚下方的页面底部留下了巨大的空白。此链接的示例：http ://www.imbued.co.uk/sleep/aborro-bed

如何正确使用 css 实现这一点？

<style>
h1 {
font-size:2em !important;
margin:0 0 20px !important
}
</style>

Answer 1

尝试这个：

主页上的“h1”：

#content-home h1 {
    font-size: 2em;
    color: red;
}

产品页面上的“h1”：

.product-info h1 {
    font-size: 1em;
    color: green;
}