wordpress3.5に関して質問です。


http://dca-labo.info/demo8/testimg/sample_12.jpg

カテゴリー説明文の下に区切り線を入れたいと思っています。
場所は上記画像を確認頂ければと思います。
自分で色々やってみたのですが該当箇所にうまくできませんでした。
宜しくご教授頂ければと思います。

回答の条件
  • URL必須
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/16 14:20:27
  • 終了:2013/03/22 03:30:05

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4487ベストアンサー獲得回数18562013/03/16 14:45:46

ポイント140pt

カテゴリー説明文の下に区切り線を入れたいと思っています。

こんな感じで。

.category-archive-meta {
    border-bottom: 1px solid black;
}

「ここのスペースを詰めたい」については、クラス page-title の margin が効いているからです。
style.css の、以下の定義の 2.6em です。

.page-title {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    margin: 0 0 2.6em;          /* ※この 2.6em */
    text-transform: uppercase;
}

margin: 0; というふうにすれば、カテゴリー説明文との間が詰まります。

もうひとつスペースが空いている理由として、カテゴリーの説明の前に全角の空白が二つ入っている個所があります。

                    <h1 class="page-title"><span>ABC</span></h1>
<!-- 0316修正 -->
                  <!-- ※ ここに全角のスペースが二つ入っています。 -->
<!-- 0316修正 -->
                    <div class="category-archive-meta"><p>ここにカテゴリーABCの説明文が入ります。ここにカテゴリーABCの説明文が入ります。ここにカテゴリーABCの説明文が入ります。ここにカテゴリーABCの説明文が入ります。ここにカテゴリーABCの説明文が入ります。ここにカテゴリーABCの説明文が入ります。</p>

全角のスペースを削除して、.page-title の margin-bottom の値を、自分の好みの間隔になるような数値に調整する、という感じで良いと思います。

他1件のコメントを見る
id:mkusume

早速の対応ありがとうございます。

2013/03/16 16:36:51
id:mkusume

ありがとうございます。解決しました。

2013/03/22 03:29:42

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

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

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

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

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