SEO の目的で、opencart サイトにより正確な h タグ構造を実装しようとしています。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>