h标记使用opencart中的css进行更改 - h tag changes using css in opencart

h tag changes using css in opencart

本文关键字：css 中的 opencart | 更新日期: 2023-09-27

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