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 くもり
0 件のコメント:
コメントを投稿