バグ報告Ver.0.0.6→0.0.7

リリースメモ
この記事は約3分で読めます。
記事内に広告が含まれています。

【件名】author_boxショートコードのとき、margin-bottomがない

現象

現象
  1. author_boxショートコードのとき、「プロフィール」ブロックと異なり、margin-bottomが付かない(図1参照)。
  2. コンテンツ上部、下部に、プロフィールを配置したとき、ウィジェットの全体に枠線が付く。

原因

  • 「プロフィール」ブロックは、CSSクラスauthor-boxが、CSSクラスblock-boxでラップされ、margin-bottomが付く。
    しかし、author_boxショートコードは、ラップされないため、margin-bottomが付かない。
  • コンテンツ上部、下部は、CSSクラスmainに含まれる。そのため、投稿本文だけなく、枠線が付いた。

対策

以下に変更する。

.author-box {
  align-items: center;
  display: flex;
  padding: var(--padding15);
}

.body .nwa .author-box {
  border: 0;
  border-radius: var(--border-radius10);
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.body .main :not(.widget-index-top, .widget-index-bottom) .author-box {
  border: 1px solid var(--border-color);
  border-radius: 0;
  margin-bottom: var(--gap30);
}
  • 投稿本文(コンテンツ上部、コンテンツ下部以外)のとき、CSSクラスauthor-boxmargin-bottomを付ける。
    他エリアは、ウィジェットごとに分かれるため、margin-bottomは不要。
  • 投稿本文(コンテンツ上部、コンテンツ下部以外)のとき、枠線を付ける。

変更一覧

パスファイル名
/skin-made-in-heaven/style.css
タイトルとURLをコピーしました