はてなダイアリーで「soft-mocha」デザインを適用してブログを書いているんですが

ニュース記事などを引用で囲むと、上下の余白がとっても大きくなってしまいます。

▽こんな感じです
http://d.hatena.ne.jp/hokenshi/20090315/1237298895

上下の余白(外側も内側も)を小さくするには、どうすればいいのでしょうか?
よろしくお願いします。

回答の条件
  • 1人2回まで
  • 登録:2009/03/24 14:26:03
  • 終了:2009/03/24 15:33:53

ベストアンサー

id:sa_to_e No.1

さとえ回答回数40ベストアンサー獲得回数62009/03/24 15:19:12

ポイント60pt

デザイン「soft-mocha」の引用部分には、外側の余白が上下2文字分ずつ、内側の余白が上下左右2文字分ずつ取られています。


デザイン編集画面の詳細デザイン設定でスタイルシートに

.body .section blockquote {
 margin: 0;
 padding: 0 2em;
}

と記入してみて下さい。

margin は外側の余白で padding は内側の余白です。

外側の余白をナシに、内側の余白を上下ナシ・左右2文字分ずつとしてみました。

数値はお好みで調整して下さい。

id:hokenshi

おおー、どんぴしゃです。

「.body .section blockquote」となっているんですね。

ありがとうございました。いろいろ数値をいじってみます。

2009/03/24 15:32:36

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません