h使用opencart中的css标记更改

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;
}