* Blogger:カテゴリボタンの下に余白を追加

2026年9月23日水曜日

Blogger

t f B! P L

Blogger:カテゴリボタンの下に余白を追加したい

◆ 対象:QooQデザイン (過去記事:デザイン変更)

画面上部カテゴリボタン下に余白が全く無いので、余白を少し(5pxくらい)追加したい。

対応

カテゴリ(ラベル)」タグ(.single-header-category-item)の下(記事上広告 #ad-1の上)に余白を追加する。
追加CSSの末尾(]]></b:skin> の直前)に、以下のコードを貼り付けて保存。

/* カテゴリタグと直下の広告(ad-1)との間に余白を追加 */
#single-header-category {
  margin-bottom: 12px !important; /* タグの下側に余白を追加 */
}

/* 念のため広告枠自体の上側にも余白を確保 */
#ad-1 {
  margin-top: 8px !important;
  margin-bottom: 20px !important; /* 広告と直下のH1見出しとの間の余白 */
}


公開:2026.09.23(水) 10:23 くもり

QooQ