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

我试图在我的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>

最佳答案

尝试这个：

主页上的“ h1”：

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

产品页面上的“ h1”：

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