Cocoonの見出しスタイルをリセットする方法

Cocoonの見出しは.article h1,.article h2…という形でcssが設定されています。

おしゃれなカスタマイズを適用させたい！となっても、従来のデザインが残ったままだと表示がおかしくなることも。

それを避けたい場合は、一度デザインのスタイルをリセットすることがおすすめです。

/* h1～h6のデザインリセット */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: initial;
  box-shadow: none;
  font-weight: normal;
  font-size: initial;
  line-height: initial;
  color: initial;
}

これで、カスタマイズを0から反映させることができます。

デザインを追加したい場合は、h1,h2に設定するよりは、従来の親要素「.article」の子要素「h1」に追加（.article h1,.article h2）に設定してみてください。