余白の調整について教えてください - Cocoonテーマに関する質問

RE: 余白の調整について教えてください

mo_hanamalu200 — Tue, 19 Nov 2024 11:25:19 +0000

早々にご回答いただきましてありがとうございます！！！

＞フォーラムのマナーとしてURLなどの環境情報の提示がないので

こちらの文言を理解するリテラシーすら有しておらず、自分のマナーに過不足があったかどうかも理解できておらず申し訳ありません。そのような状態の者の質問にご回答いただきまして誠に恐縮です。

寛大なご措置をいただきまして本当にありがとうございました。

デベロッパーツールの使い方、調べて自分なりに学びたいと思います。

ご迷惑をおかけし申し訳ありませんでしたがご助言いただきまして誠にありがとうございました！

大門未知子 — Tue, 19 Nov 2024 07:57:54 +0000

●回答

フォーラムのマナーとしてURLなどの環境情報の提示がないので、親テーマCSSに対してどうするのか回答させていただきます。

方法は2つあります。

見出しのmarginを狭くする

「新着記事」見出しの上下にmarginが定義されており（図1参照）。

その間隔を小さくする。

.list-title {
  margin-top: 0.5em;
}

メインエリアのpaddingを狭くする

メインエリアの上下左右にpaddingが定義されており（図2参照）。

上下の間隔を小さくする。

.main {
  padding: 10px 29px
}

●アドバイス

既出の質問で回答を見つけられず教えていていただきたくご連絡いたします。

皆さんに言いますが、そんな回答はありません。

なぜ答えそのものを求めるのか？

CSSは塗り絵です。
HTMLと言う輪郭に色を塗るようなもの。

皆さん、暗闇で塗り絵をして「分かりません」と言っている印象しかありません。

なぜ、明かりをつけないのですか？

Chromeに標準で備わっているデベロッパーツールを使えば（明かりをともせば）、どんな輪郭なのか直ぐに分かります。

カスタマイズするなら、先ず、デベロッパーツールの使い方を理解して下さい。

CSSのプロパティが理解できないは次の話です。

mo_hanamalu200 — Tue, 19 Nov 2024 06:17:25 +0000

添付した画像の青線部分。メインコンテンツ表示部分内の

表題やアイコンと表示枠の間の余白を狭める方法がわかりません。

既出の質問で回答を見つけられず教えていていただきたくご連絡いたします。

お手数をおかけして申し訳ありませんが

何卒よろしくお願い申し上げます。