人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

wordpress3.5に関して質問です。テーマはtwenty-elevenを使っています。
対象サイトは
http://dca-labo.info/demo8
です。
投稿ページ
http://dca-labo.info/demo8/?p=256
のレイアウトに関してですが
パンくずリストと記事タイトルの間も空白をもっとせまくしたいと思っています。
修正箇所、方法に関してご教授頂きたいです、
該当部分のCSSの設定は下記です。

/* 個別ページ用のスタイル */
body.single-post .entry-meta{
margin-left:4.5%;
}

body.single-post .pkz{
margin-left:4.5%;
font-size:14px;
}
body.single-post .entry-content img {
display: block;
margin-right: 1em;
margin-left: auto;
}

body.single-post .entry-content {
font-size:1em;
/*margin-right: 1em;*/
/* margin-left: auto;*/
/* width:100%; */
width:90%;
}

body.single-post .entry-title {
font-size:26px;
margin-left:4.5%;
}

1364349507
●拡大する

●質問者: mkusume
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど
●160ポイント ベストアンサー

二箇所が関係していますので1つずつ順番に確認してください。

(1)style.css1190行目のpaddingを調整

.singular .hentry {
border-bottom: none;
padding: 4.875em 0 0;
position: relative;
}

padding: 0 0 0; にしてみるとわかりやすいです。


(2)style.css760行目のpadding-topを調整

.entry-title {
clear: both;
color: #222;
/*20130322修正*/
/* font-size: 26px; */
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
padding-bottom: .3em;
padding-top: 15px;
}

padding-top: 0; にしてみるとわかりやすいです。


mkusumeさんのコメント
ありがとうございます。確認してみます。

mkusumeさんのコメント
ありがとうございます。 解決しました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ