サポート » テーマ » Twenty Elevenで記事を枠で囲みたいのですが

  • 解決済 dirigentken

    (@dirigentken)



    <article id=”post-x” class=”post-12 post type-post status-publish format-standard hentry category-1″>



    </article><!– #post-x –>

    この間をborder: 1px solid #ddd;
    で指定したいのですが、
    どこに記述すればいいのかお教えください。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • #main .post {
    border: 1px solid #ddd;
    }

    をstyle.cssに記述してみてください。
    この場合、全ページのpostに対してborder: 1px solid #dddが設定されるので、
    homeだけの場合は、

    .home #main .post {
    border: 1px solid #ddd;
    padding: 10px;
    }

    単一記事だけの場合は、

    .single #main .post {
    border: 1px solid #ddd;
    padding: 10px;
    }

    などとしてください。

    ボーダー内のテキストが、左右に詰まった感じがする場合は、上記記述に、padding等を追記して調整してください。

    コメント数が表示される吹き出し部分の調節等も必要になるかと思います。
    必要な場合は、

    style.cssの

    /* Comments link */
    .entry-header .comments-link a {
    background: #eee url(images/comment-bubble.png) no-repeat;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 0;
    position: absolute;
    top: 1.5em;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 36px;
    }

    の部分を、

    /* Comments link */
    .entry-header .comments-link a {
    background: #eee url(images/comment-bubble.png) no-repeat;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 0;
    position: absolute;
    top: 1.5em;
    right: 10px; /* ココ */
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 36px;
    }

    等として調整してみてください。
    後はお好みに合わせて調整にチェレンジしてみてください。

    ご丁寧なご指導をありがとうございました。
    生半可な知識の初心者にはwordpressのカスタマイズはきついです。
    いただいたお教えに感謝します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Twenty Elevenで記事を枠で囲みたいのですが」には新たに返信することはできません。